[分享]css中如何让图片做背景透明背景

在CSS中，我们可以使用opacity来控制图片的透明度，但是这种方法会让整个元素变得透明，而不仅是图片本身。如果想要让图片做透明背景，可以使用background属性和背景图来实现。backgrou...

在CSS中，我们可以使用opacity来控制图片的透明度，但是这种方法会让整个元素变得透明，而不仅是图片本身。

如果想要让图片做透明背景，可以使用background属性和背景图来实现。

background: url(path/to/image.png) no-repeat center center / cover; 

这里是一个具体的例子：

<div class="bg-img">
  <p>在这个div中的文字会显示在图片透明部分之上</p>
</div>

.bg-img {
  background: url(path/to/image.png) no-repeat center center / cover;
} 

在这个例子中，我们使用了一个div元素，并给它设置了一个背景图，而没有直接把图片插入到HTML中。

通过background属性，我们设置了背景图的路径以及一些其他属性。其中，no-repeat告诉CSS不要重复这张图，center center将图片水平和垂直居中，cover保证图片占满整个div元素。

这样，我们就成功地让图片做了透明背景，并且可以在图片的透明区域之上放置其他元素。