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

前端之家收集整理的这篇文章主要介绍了html – 使用css替换图像(在标记中)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下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.

猜你在找的HTML相关文章