我有一个HTML图像

<img src="abc.png">

我想在浏览器中加载图像时使用较慢的连接。图像的背景/占位符显示为黑色。是否可以通过给图像一个类，然后设置CSS属性background-color：black；

<img class="black-back" src="abc.png">

<style>
.black-back {
background-color: rgb(0,0,0);
}
 </style>

顺晟科技：

你可以这样做：

<代码><；！文档类型HTML>；<；HTML Lang=“ en ”>；<；头部>；<；meta HTTP-equiv=“ content-type ” content=" text/HTML；字符集=UTF-8/>；<；标题>；页面标题<；/title>；<；style type=“ text/CSS ”>；.黑色-BG{背景：黑色；}<；/样式>；<；/标题>；<；身体>；<；IMG class=“ black-BG ” width=“ 100 ” height=“ 150 ” SRC=“ https：//upload.wikimedia.org/wikipedia/commons/b/b6/trifolium_hybridum_inflorescence_-_keila.jpg ”/>；<；/正文>；<；/HTML>；

我在DIV中插入图像，并将图像的大小设置为覆盖，因此DIV将占用图像大小的空间。但是，如果您删除背景属性，DIV将占据整行。我希望这是您正在寻找的。

<代码><；IMG CLASS=“ black-back ” SRC=“ ABC.PNG ”>；<；样式>；.黑背IMG{背景重复：无重复；背景大小：封面；}.黑背{背景色：RGB（0，0，0）；}<；/样式>；

的代码没有背景样式属性。

<代码><；DIV类=“黑背”>；<；IMG SRC=“ ABC.PNG ”>；<；/DIV>；<；样式>；.黑背{背景色：RGB（0，0，0）；}<；/样式>；