html – 使用css替换图像(在标记中)

发布时间：2020-12-14 23:41:11 所属栏目：资源来源：网络整理

导读：我有以下html： div class="A" img src="image1.png" width="100px" height="100px"/ /div 在我的媒体查询css样式表中,我想用另一个图像替换该图像(image2.png). 我需要编写什么css代码？我尝试了以下方法： .A img{ background:url("image2.png") no-repea

我有以下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;
}

但这似乎不正确？

解决方法

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

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

然后在CSS中：

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

然后你可以使用媒体查询重新设置div.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!