html – 使用css属性替换Image标签的src

前端之家收集整理的这篇文章主要介绍了html – 使用css属性替换Image标签的src前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有什么方法可以用css技巧替换图像选项卡的SRC属性中提到的图像?
<img src = "setting-icon.png"></img>

我想用css属性替换setting-icon.png,我能够将另一个图像放在背景中,带有图像标签的background-image属性,但我需要隐藏src中提到的那个并显示我在后台提到的那个-ssmage属性在css中.

是的,这是奇怪的要求,但问题是我在第三方应用程序中进行自定义,我只能控制css,我无法修改HTML标记.

感谢阅读!

解决方法

你可以使用内容:url(“image.jpg”)

https://developer.mozilla.org/en-US/docs/Web/CSS/content

在你的CSS中

.img {
    content:url("/new/image/source.png");
}

如果你不能修改HTML,

img {
    content:url("/new/image/source.png");
}

在HTML中,

<img class="img"/>

我还没有尝试过,但我不确定内联属性src是否会超重CSS内容.

更新

如果你的img元素已经有src,它应该可以工作.谢谢@pol

原文链接:https://www.f2er.com/html/227334.html

猜你在找的HTML相关文章