有什么方法可以使用任何 css 技巧替换图像选项卡的 SRC 属性中提到的图像吗?
<img src = "setting-icon.png"></img>
我想用 css 属性替换 setting-icon.png,我可以将另一个图像放在背景中,图像标签的 background-image 属性但是我需要隐藏 src 中提到的那个并显示我的那个在 css 的背景图像属性中提及。
是的,这是一个奇怪的要求,但问题是我在第三方应用程序中进行自定义,我只能控制 css,无法修改 HTML 标签。
感谢阅读!
最佳答案
您可以使用content: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 content
。
更新
如果您的 img 元素已经有 src,它应该可以工作。谢谢@pol
关于html - 使用 css 属性替换 Image 标签的 src,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42406610/