在CSS中定义一个<img>的src属性

我需要在CSS中定义一个<img>的src属性。 有没有办法指定这个属性？

Answer 1

#divID { background-image: url("http://imageurlhere.com"); background-repeat: no-repeat; width: auto; /*or your image's width*/ height: auto; /*or your image's height*/ margin: 0; padding: 0; } 

Answer 2

只是这个img标签是一个内容元素

 img { content:url(http://example.com/image.png); } 

Answer 3

没有没有。 你可以指定一个背景图片，但这不是一回事。

Answer 4

CSS不用于定义值到DOM元素的属性，javascript会更适合这个。

Answer 5

不，你可以得到最接近的背景图像：

 <div id="myimage"></div> #myimage { width: 20px; height: 20px; background: white url(myimage.gif) no-repeat; } 

Answer 6

他们是对的。 IMG是一个内容元素，CSS是关于devise的。 但是，如何使用某些内容元素或属性进行devise呢？ 我有我的网页IMG，如果我改变风格（CSS）必须改变。

那么这是一个定义IMG演示文稿（没有真正的形象）在CSS风格的解决scheme。
1：创build一个1×1的透明GIF或PNG。
2：将IMG的标准“src”分配给该图像。
3：用CSS样式中的“background-image”定义最终的演示文稿。

它像一个魅力:)

Answer 7

尝试这些解决scheme后，我仍然不满意，但我在本文中find了解决scheme，它在Chrome，Firefox，Opera，Safari，IE8 +

 #divId { display: block; -moz-box-sizing: border-box; box-sizing: border-box; background: url(http://notrealdomain2.com/newbanner.png) no-repeat; width: 180px; /* Width of new image */ height: 236px; /* Height of new image */ padding-left: 180px; /* Equal to width of new image */ }