小编典典

是否可以在 CSS 中设置等效于 img 标签的 src 属性?

all

是否可以src在 CSS 中设置属性值?目前,我正在做的是:

<img src="pathTo/myImage.jpg"/>

我希望它是这样的

<img class="myClass"/>



.myClass {
    some-src-property: url("pathTo/myImage.jpg");

我想在 使用 CSS 中的backgroundorbackground-image:属性的情况下做到这一点。


阅读 133

收藏
2022-03-06

共1个答案

小编典典

使用content:url("image.jpg").

完整的工作解决方案([Live Demo](http://jsfiddle.net/3BRN7/406/)):

<!doctype html>



<style>

.MyClass123{

    content:url("http://imgur.com/SZ8Cm.jpg");

}

</style>



<img class="MyClass123"/>

测试和工作:

  • Chrome 14.0.835.163
  • Safari 4.0.5
  • Opera 10.6

测试但 工作:

  • FireFox 40.0.2(观察Developer Network Tools,可以看到URL加载,但是图片没有显示)
  • Internet Explorer 11.0.9600.17905(永远不会加载 URL)
2022-03-06