html - 使用 css 替换图像(在 标签中)

Question

我有以下 html:

<div class="A">
    <img src="image1.png" width="100px" height="100px"/> 
</div>

在我的媒体查询 css 样式表中，我想用另一个图像 (image2.png) 替换该图像。

我需要写什么css代码？

我尝试了以下方法:

.A img
{
   background:url("image2.png") no-repeat;
}

但这似乎不正确？

Answer 1

如果您使用的是 CSS3，那么 content 就是答案:

.A img
{
    content: url("image2.png");
}