gpt4 book ai didi

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

转载 作者:太空狗 更新时间:2023-10-29 13:25:25 25 4
gpt4 key购买 nike

有什么方法可以使用任何 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com