Css禁用背景图像动画

我创建了一个简单的按钮，它使用两个背景图像来表示正常和悬停状态。问题是，我测试过的每个浏览器都会在悬停状态下为图像设置动画，比如向上/向下滑动。为了消除这个问题，我删除了每一个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;
    }

问题已经解决了，但我仍然希望能够在某些元素上使用过渡和动画。有没有办法只对背景图像禁用过渡

.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;
}

---

将该类应用于要为其禁用转换的任何项。不要在有背景图像转换的元素上使用它。

我真傻，从没想过。谢谢，我让它工作了。