html - CSS3 変換は Chrome でのみ機能し、Firefox や IE では機能しません

Question

私のスタイルシートの transform:rotate プロパティは、私が配置した場合でも Google Chrome でのみ機能します-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;