[分享]css中 图片怎么设置透明度

在CSS中，我们经常需要调整图片的透明度，以使其与背景及其他元素融合。下面是一些设置图片透明度的方法。img { opacity: 0.5; / 设置图片透明度为50 / filter: alpha(...

在CSS中，我们经常需要调整图片的透明度，以使其与背景及其他元素融合。下面是一些设置图片透明度的方法。

img {
  opacity: 0.5;  /* 设置图片透明度为50% */
  filter: alpha(opacity=50);  /* 兼容IE浏览器 */
}

img.transparent {
  opacity: 0;  /* 设置图片完全透明 */
  filter: alpha(opacity=0);
} 

其中，opacity属性用于设置元素的透明度，取值范围为0-1，1为完全不透明，0为完全透明。而filter属性是为了兼容老版本的IE浏览器，其取值是“alpha(opacity=x)”，x为0-100的整数，代表透明度百分比。

如果只想设置某些图片透明度，可以为其添加一个类名，如上面的“.transparent”，并在CSS中单独设置。

另外，还有一种方法是使用rgba颜色值来设置元素的透明度。其中，rgba代表红、绿、蓝和alpha四个色彩值，这个alpha值也就是透明度，它的取值范围也是0-1。例如：

.img-transparent {
  background-color: rgba(0,0,0,0.5);  /* 设置背景颜色为黑色，透明度为50% */
} 

以上就是设置CSS中图片透明度的方法，根据实际需求可以选择不同的方案。