有什么方法可以用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.jb51.cc/html/227334.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。