小编典典

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

html

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

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

我希望它像这样

<img class="myClass" />



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

我想 使用CSS中的backgroundbackground-image:属性来执行此操作。


阅读 1006

收藏
2020-05-10

共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"/>

经过测试和工作:

  • Chrome14.0.835.163
  • Safari 4.0.5
  • Opera 10.6

经过测试, 无法 正常工作:

  • FireFox 40.0.2(观察开发人员网络工具,您可以看到已加载URL,但未显示图像)
  • Internet Explorer 11.0.9600.17905(URL永远不会加载)
2020-05-10