問題

是否可以在CSS中設定src屬性值?目前,我正在做的是:

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

我希望它是這樣的

 <img class="myClass" />
 
 .myClass {
    some-src-property: url("pathTo/myImage.jpg");
 

我想在不使用CSS中的backgroundbackground-image:屬性的情況下執行此操作.

  最佳答案

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

完整工作解決方案( 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 40.0.2(觀察開發者網路工具,您可以看到URL載入,但影象沒有顯示)
  • Internet Explorer 11.0.9600.17905(URL永遠不載入)

  相同標籤的其他問題

htmlcssimage