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