仅使用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");