3d css转换（translateZ）在android 4.0.3上不工作？
我有这个html，它可以在Chrome、Safari和Mobile Safari上正常工作。3d css转换（translateZ）在android 4.0.3上不工作？,android,css,3d,webkit,transform,Android,Css,3d,Webkit,Transform,我有这个html，它可以在Chrome、Safari和Mobile Safari上正常工作。 <html><head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> </head> <body> <div style="position:relative;-webkit-perspecti
<html><head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
</head>
<body>
<div style="position:relative;-webkit-perspective:1000;width:300px;height:50px">
<div style="position:relative;width:300px;height:50px;-webkit-transform-origin:0px 25px 0px;-webkit-transform-style:preserve-3d;">
<div style="position:absolute;width:300px;height:50px;-webkit-transform:translateZ(125px);background-image:url(http://i855.photobucket.com/albums/ab119/ansherina6/banner2-1.png)"></div>
</div></div>
</body></html>
在安卓4.0.3上，translateZ在div上没有显示任何（期望的）效果。除了translateZ，其他一切都正常工作。如果我使用translate3D（a、b、c），那么同样只有X和Y值会影响渲染。有什么解决办法吗？根据android 4及更高版本支持translate。然而，我有一种预感，更具体的3D变换（如z轴上的平移）并没有获得如此广泛的支持，特别是在不支持webgl的浏览器中。我认为如果关键的话会有一个退路：您在这个问题上运气好吗？我也面临同样的问题。