css hover只能在firefox中工作

試圖用css旋轉圖像，但由於某種原因，hover只適用於firefox。在所有瀏覽器中的圖像旋轉，但hover自旋不工作在IE和Chromecss hover只能在firefox中工作

.button img { 
     position:absolute; 
     left:500px; 
     top:300px; 
     width:70px; 
     height:70px; 
     -webkit-animation: rotation 4s infinite linear; 
     -moz-animation: rotation 4s infinite linear; 
     animation: rotation 4s infinite linear; 
    } 

    .button img:hover{ 
     -webkit-animation: rotation 2s infinite linear; 
     -moz-animation: rotation 2s infinite linear; 
     animation: rotation 2s infinite linear; 
    } 


    @-moz-keyframes rotation { 100% { -moz-transform: rotate(360deg); } } 
    @-webkit-keyframes rotation { 100% { -webkit-transform: rotate(360deg); } } 
    @keyframes rotation { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

來源

2013-09-21 user308553

我不知道爲什麼的部分呢（尋找它），但我觀察到的.button:hover代替.button img:hover作品罰款在鉻。

我已經在這裏設置了一個fiddle（其餘代碼相同），它可以在chrome上工作。

來源

2013-09-21 02:49:00

css hover只能在firefox中工作

回答

相關問題