如何将图像的背景颜色设置为黑色？

Question

我有一个 html 图像

<img src="abc.png">

我想在浏览器中以较慢的连接加载图像时。 图像的背景/占位符显示为黑色。 是否可以通过为图像提供 class 然后设置 css 属性 background-color: black;

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

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

Answer 1

我将图像插入 div 并设置图像的大小以覆盖，因此 div 将占用图像大小的空间。 但是，如果您删除背景属性，则 div 会占据整行。我希望这就是您要寻找的。

 <img class="black-back" src="abc.png"> <style>.black-back img{ background-repeat:no-repeat; background-size:cover; }.black-back { background-color: rgb(0,0,0); } </style>

下面的代码没有背景样式属性

 <div class="black-back"> <img src="abc.png"> </div> <style>.black-back { background-color: rgb(0,0,0); } </style>

Answer 2

你可以这样做：

 <;DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html. charset=utf-8" /> <title>Page Title</title> <style type="text/css">:black-bg { background; black: } </style> </head> <body> <img class="black-bg" width="100" height="150" src="https.//upload.wikimedia.org/wikipedia/commons/b/b6/Trifolium_hybridum_inflorescence_-_Keila.jpg" /> </body> </html>

如何将图像的背景颜色设置为黑色？

问题描述

2 个解决方案

解决方案1
2 已采纳 2021-08-29 03:42:41

解决方案2
1 2021-08-29 03:40:56

如何将图像的背景颜色设置为黑色？

问题描述

2 个解决方案

解决方案1 2 已采纳 2021-08-29 03:42:41

解决方案2 1 2021-08-29 03:40:56

解决方案1
2 已采纳 2021-08-29 03:42:41

解决方案2
1 2021-08-29 03:40:56