在图像后面设置背景色

Question

我目前正在处理html页面。我有一个图像（徽标），该图像根据使用BootStrap的页面大小进行调整。但是，我想更改图像高度和100％宽度的背景颜色。如何在不更改整个页面颜色的情况下做到这一点？

html

<img src="Images\MyImage.jpg" id="bg">

css

#bg {
width: 100%;
height: 100%;
max-height: 199px;
max-width: 350px;
min-height: 20%;
min-width: 20%;

background-color: black;
}

Answer 1

将图像包装在另一个类中，并设置该类的背景色。 HTML

<div class='something'>
<img src="Images\MyImage.jpg" id="bg">
</div>

CSS

.something{background-color: black;}