css两种设置透明度的方法

这篇文章距离上次修改已过192天，其中的内容可能已经有所变动。

在CSS中，设置元素的透明度有两种主要方法：




.element {
  opacity: 0.5; /* 50% 透明度 */
}




.element {
  background-color: rgba(255, 0, 0, 0.5); /* 50% 透明度的红色 */
}

opacity 影响整个元素及其所有子元素的透明度，而使用RGBA的方法可以为颜色设置透明度，而不影响子元素。