android - 固定位置覆盖 Android 中的变换

Question

我有一个带有 3dtransform() 的固定元素，Android 2.2 似乎忽略了转换，除非我删除了固定定位。在下面的示例中，#myelement 坚持到顶部边缘并且不是向下 100 像素

#myelement {
  width:50px;
  height:50px;
  position:fixed;
  top:0;
  left:0;
  -webkit-transform: translate(100px,0);
  transform: translate(100px,0);
}

有什么想法吗？

Answer 1

好吧，经过多次试验和错误，我似乎已经在 Android 2.2 和 4.1 以及 Windows Phone 7 和 7.5 中使用 translate()(而不是 3dtranslate)

#myelement { 
  width:80%;
  height:100%; 
  position:fixed;
  z-index:9999;
  top:0;
  left:0;
  -webkit-transform:translate(-90%,0);
  -ms-transform:translate(-90%,0);/* Windows Phone 7 */
  transform:translate(-90%,0);
  backface-visibility:hidden;
  -webkit-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  background:green;

}