使用css替换图像(在<img rel="nofollow noreferrer" />标记中)

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");
}

Answer 2

你不能在 CSS 中修改它，而是使用这样的 div：

<div id='#theImage'></div>

然后在CSS中：

#theImage {
    width:100px;
    height:100px;
    background:url("image1.png") no-repeat;
}

然后您可以使用媒体查询重新设置 div 的样式。