html - CSS3 转换仅适用于 Chrome，不适用于 Firefox 或 IE

Question

我的样式表的 transform:rotate 属性仅适用于谷歌浏览器，即使我放置了 -moz-transform:rotate - 这是我的代码:

.hand1 {
position: absolute;
top: 480px;
left: 420;
-ms-transform:rotate(-45.5deg); 
-webkit-transform:rotate(-45.5deg); 
-o-transform:rotate(-45.5deg); 
-moz-transform:rotate(-45.5deg); 
-webkit-rotation-point:50% 0%;
 z-index:1;
}




.hand2 {
position: absolute;
top: 460;
left: 440;
-o-transform:rotate(-32.5deg); 
-moz-transform:rotate(-32.5deg); 
-webkit-transform:rotate(-32.5deg); 
-webkit-rotation-point:50% 0%;
z-index:2;
}

Answer 1

您的元素必须显示为 block 。

display: block;

或

display: inline-block;