内联CSS问题
我有以下脚本：
http://jsfiddle.net/oshirowanen/8mQ7x/1/
效果很好，但是一旦我更改为外部 css 以使用内联 css 方法添加背景图像，它就会停止工作，如下所示：
http://jsfiddle.net/oshirowanen/8mQ7x/
我需要其中的一部分是内联CSS，因为html是动态生成的。我正在尝试为每个图标使用不同的图像来创建许多通用图标，但使用通用的 css 外部文件来引起鼠标悬停效果。
为什么当使用内联 css 添加图像时它会停止工作？我怎样才能让它工作？
I have the following script:
http://jsfiddle.net/oshirowanen/8mQ7x/1/
Which works fine, but as soon as I change to external css to add the background image using inline css methods, it stops working, as demonstrated here:
http://jsfiddle.net/oshirowanen/8mQ7x/
I need part of it to be inline css because the html is dynamically generated. I am trying to create many generic icons using different images for each icon, but using a generic css external file to cause the mouse over effect.
Why does this stop working when inline css is used to add the image and how can I get this to work?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
因为元素
styleCSS 规则比其他 CSS 规则具有更高的优先级。通过元素样式中的background，您不仅重写了默认背景，还重写了:hover。您应该只重写
background-image。示例： http://jsfiddle.net/8mQ7x/3/Because elements
styleCSS rule has higher priority than other CSS rules. Bybackgroundin element style you are rewriting not only default background, but:hovertoo.You should rewrite only
background-image. Example: http://jsfiddle.net/8mQ7x/3/