是否可以在 CSS 中设置 src
属性值?
大多数情况下,我们是这样使用的:
<img src="pathTo/myImage.jpg" />
我希望它是这样的
<img class="myClass" />
.myClass {
some-src-property: url("pathTo/myImage.jpg");
}
我想知道是否有办法不使用 CSS 中的 background
或 background-image
属性。
最佳答案
完整的工作解决方案( Live Demo ):
<!doctype html>
<style>
.MyClass123{
content:url("http://imgur.com/SZ8Cm.jpg");
}
</style>
<img class="MyClass123"/>
测试和工作:
- Chrome 14.0.835.163
- Safari 4.0.5
- 歌剧 10.6
- Firefox 100 及更新版本
测试和不工作:
- FireFox 40.0.2(观察Developer Network Tools,可以看到加载了URL,但是没有显示图片)
- Internet Explorer 11.0.9600.17905(URL 从不加载)
关于html - 是否可以在 CSS 中设置 img 标签的 src 属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39020168/