css透明度属性(css父元素透明度不影响子元素)

  透明度

  rgba和opacity都可以设置透明的。

image.png

  rgba(red, green, blue, alpha):alpha是0-1透明度,0时颜色为完全透明,1是完全不透明。

  opacity:index:index是0-1.设置整个元素的透明度。

  两者区别:rgba是设置元素的字体或背景颜色加了透明度,其他样式不受影响,opacity是影响整个元素包含其子元素都会设置透明度。

  要设置图片透明度,最常见的方法是使用CSS中的opacity属性。该属性的值从0到1之间变化,0表示完全透明,1表示完全不透明。

  可以在CSS中选择要设置透明度的元素,并在属性中指定值,如“opacity:0.5”会将元素设置为半透明状态。

  另外,如果要只是想设置背景图片的透明度而不影响其中的文本或其他元素,可以使用background-color属性的rgba函数,并在其中指定透明度值,例如“background-color:rgba(255. 255. 255. 0.5)”即为将白色背景透明度设置为0.5.


发表评论

评论列表

还没有评论,快来说点什么吧~