仅使用CSS设置图像源

Question

我想从css文件动态加载图像及其内容。 我知道可以为div设置background-image属性，但是如何为图像实现类似的功能？

Answer 1

你不能

<img>元素保存内容。 该内容的细节不是可以或不应在表示层上描述的内容。

Answer 2

您可以将img的src设置为透明的gif，并设置img的背景图像，就像设置div一样，但这有点麻烦。 您可以使用javascript轻松更改图像的src属性：

HTML：

<img id="asdf" src="1.gif"  />

JavaScript的：

document.getElementById("asdf").setAttribute("src","2.gif");