CSS transfrom財產不能作品

Question

我已經wriiten一個CSS，這將漂浮一個div當它盤旋......它在克羅默和Firefox，但不是在Safari plz幫助工作，並提出一些信息

這裏是CSS：

.float { 
display: inline-block; 
-webkit-transition-duration: 0.3s; 
transition-duration: 0.3s; 
-webkit-transition-property: -webkit-transform; 
transition-property: transform; 
-webkit-transform: translateZ(0); 
-ms-transform: translateZ(0); 
transform: translateZ(0); 
box-shadow: 0 0 1px rgba(0, 0, 0, 0); 
-webkit-box-shadow:0 6px 6px #000; 
-moz-box-shadow:0 6px 16px #000; 
box-shadow:0 6px 6px #000; 
} 

.float:hover { 
    -webkit-transform: translateY(-5px); 
    -ms-transform: translateY(-5px); 
    transform: translateY(-5px); 
} 

而我的HTML代碼：

<div class="float"> 
    <img src="image1.jpg" /> 
</div 

Answer 1

只需看一眼，你錯過了你的結束的div標籤右括號。你的HTML應該是這樣的：

<div class="float"> 
    <img src="image1.jpg" /> 
</div> 

我相信一些現代的瀏覽器會認爲它應該在問題被關閉，一目瞭然，這或許可以解釋Chrome和Safari瀏覽器之間的差異。

希望可以幫到