Android中的固定位置覆盖转换

时间:2014-03-19 11:11:37

标签: android css3

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

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

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

好的经过多次试验和错误似乎我在Android 2.2&中使用了translate()(而不是3dtranslate)。 4.1和Windows Phone 7& 7.5

#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;

}