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

您的元素必须显示为块。

display: block;

或

display: inline-block;