Question

我需要在CSS中定义一个＆lt; img＆gt;的src属性。有没有办法指定这个属性？

Answer 1

就是这个，因为img标签是一个内容元素

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

Answer 2

#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 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

尝试这些解决方案后，我仍然不满意，但我在此article找到了解决方案，它适用于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 */

}

Answer 7

他们是对的。 IMG是一个内容元素，CSS是关于设计的。但是，当您为设计目的使用某些内容元素或属性时呢？我在我的网页上有IMG，如果我改变了样式（CSS），必须改变。

这是用于在CSS样式中定义IMG表示（实际上没有图像）的解决方案 1：创建1x1透明gif或png 2：将IMG的“src”分配给该图像 3：使用CSS样式中的“background-image”定义最终演示文稿。

它就像一个魅力：）

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

7 个答案: