html - 我可以动态更改 css 中的 img src 吗？

Question

我有 2 张图片 theImg_enabled.gif 和 theImg_disabled.gif。我需要动态更改 img src。我如何在 css 中做到这一点？

 <img class="changeImg" src="theImg_enabled.gif" alt="" width="16" height="16" border="0"/>

<style>
    .changeImg {
                      // I need src="theImg_enabled.gif"
    }

    .changeImg.disabled {

                      // I need src="theImg_disabled.gif"
    }
</style>

Answer 1

你不能用 CSS 做到这一点(它可以用 JavaScript 完成)。

但是，如果图像显示不是 <img>元素，但作为 background-image 对于某些其他元素，您可以通过更改该 CSS 属性 ( example ) 来实现。