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

我需要在 CSS 中定义一个 < img > 的 src 属性？

480688 次浏览
小开

不，没有。你可以指定一个背景图像，但这是 没有相同的东西。

小开
最佳答案 
#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;
}
小开

CSS 不用来定义 DOM 元素属性的值，javascript 更适合这种情况。

小开

不，最接近的方法是设置背景图像:

<div id="myimage"></div>


#myimage {
width: 20px;
height: 20px;
background: white url(myimage.gif) no-repeat;
}
小开

他们是对的。 IMG 是一个内容元素，CSS 是关于设计的。 但是，如果出于设计目的使用某些内容元素或属性，情况又会如何呢？ 我有 IMG 在我的网页，必须改变，如果我改变样式(CSS)。

这是一个用 CSS 样式定义 IMG 表示(实际上不是图像)的解决方案。
1: 创建一个1x1透明的 gif 或 png。
2: 将 IMG 的属性“ src”分配给该图像。
3: 使用 CSS 样式中的“背景-图像”定义最终演示文稿。 < br/>

它像魔法一样有效:)

小开

就像 img 标记是一个 content 元素一样

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

在尝试了这些解决方案之后，我仍然不满意，但是我在这个 文章中找到了一个解决方案，它可以在 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 */


}

提交答案