Css禁用背景圖像動畫

Question

我已經創建了一個簡單的按鈕，使用2個背景圖像進行常規和懸停狀態。問題是，我測試過的每個瀏覽器都會在懸停上爲圖片添加動畫，例如向上/向下滑動。我已刪除鏈接爲了消除這個問題的每一個CSS文件，但沒有運氣

如果我做這樣的事情：

* { 

    /*CSS transitions*/ 
    -o-transition-property: none !important; 
    -moz-transition-property: none !important; 
    -ms-transition-property: none !important; 
    -webkit-transition-property: none !important; 
    transition-property: none !important; 
    /*CSS transforms*/ 
    -o-transform: none !important; 
    -moz-transform: none !important; 
    -ms-transform: none !important; 
    -webkit-transform: none !important; 
    transform: none !important; 
    /*CSS animations*/ 
    -webkit-animation: none !important; 
    -moz-animation: none !important; 
    -o-animation: none !important; 
    -ms-animation: none !important; 
    animation: none !important; 
    } 

的問題消失了，但我還是希望能夠使用的過渡和某些元素的動畫。有沒有辦法只禁用背景圖片的過渡？

Answer 1

.no-animate { 
/*CSS transitions*/ 
-o-transition-property: none !important; 
-moz-transition-property: none !important; 
-ms-transition-property: none !important; 
-webkit-transition-property: none !important; 
transition-property: none !important; 
/*CSS transforms*/ 
-o-transform: none !important; 
-moz-transform: none !important; 
-ms-transform: none !important; 
-webkit-transform: none !important; 
transform: none !important; 
/*CSS animations*/ 
-webkit-animation: none !important; 
-moz-animation: none !important; 
-o-animation: none !important; 
-ms-animation: none !important; 
animation: none !important; 
} 

將該類應用於任何要禁用轉場的物品。不要在具有背景圖像檢索的元素上使用它。