css图片透明度怎么设置(掌握图片透明度的使用方法)

 分类:前端问答时间:2023-05-12 07:30:01点击:

要设置CSS中图片的透明度,可以使用opacity属性,这个属性接受一个0到1之间的值,其中0表示完全透明(即图像不可见),1则表示完全不透明。

以下是一个例子:

img {
  opacity:0.6; /* 设置图片透明度为60% */
}


如果只是希望设置图片的背景透明而不影响图片本身的透明度,也可以使用background-color和rgba颜色值来达到目的,示例如下:

div {
  background-color: rgba(255, 255, 255, 0.5); 
  /* 背景为白色,透明度为50% */
}

上述代码将div元素的背景色设置为白色并且透明度为50%,这会使得div的子元素在div区域内的部分呈现半透明状态。

除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址: