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

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

<img src=”https://stackoverflow.com/questions/2182716/pathTo/myImage.jpg“/>

我希望它是这样的

<img class=“myClass”/>
.myClass{
一些src属性:url(“pathTo/myImage.jpg”);

我想在不使用CSS中的backgroundbackground image:属性的情况下执行此操作

使用content:url(“image.jpg”)

完整的工作解决方案(现场演示):

<!doctype html>
<风格>
.MyClass123{
内容:url(“http://imgur.com/SZ8Cm.jpg");
}
</style>
<img class=“MyClass123”/>

测试和工作:

  • 铬14.0.835.163
  • Safari 4.0.5
  • 歌剧10.6

已测试且未工作:

  • FireFox 40.0.2(观察开发者网络工具,您可以看到URL已加载,但图像未显示)
  • Internet Explorer 11.0.9600.17905(从不加载URL)

发表评论