css透明度

在CSS中设置透明度可以通过以下两种方法:

  1. 使用opacity属性:
.element {
  opacity: 0.5/* 0.0 表示完全透明,1.0 表示完全不透明 */
}
  1. 使用rgba()函数设置颜色透明度:
.element {
  background-color: rgba(255, 0, 0, 0.5); /* R, G, B 分别代表红、绿、蓝颜色值,最后的 A 代表透明度,取值范围 0~1 */
}

opacity属性会影响元素及其所有子元素的不透明度。如果希望仅设置背景颜色的透明度而不影响文本,可以使用rgba()函数。

请注意,opacity属性在一些老版本的浏览器中可能需要使用特定的前缀,例如-moz-opacity-khtml-opacityfilter:alpha(opacity=...)来兼容。

Top