前端之家收集整理的这篇文章主要介绍了
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.
原文链接:https://www.f2er.com/html/228297.html