html – 使用css属性替换Image标签的src
发布时间:2020-12-14 16:35:18 所属栏目:资源 来源:网络整理
导读:有什么方法可以用css技巧替换图像选项卡的SRC属性中提到的图像? img src = "setting-icon.png"/img 我想用css属性替换setting-icon.png,我能够将另一个图像放在背景中,带有图像标签的background-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 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |