使用 CSS 实现透明效果

作者：System 时间：2024年08月23日分类：所有,css 字数：332

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

要使用CSS实现透明效果，可以使用opacity属性或者是rgba颜色格式来设置透明度。




.transparent-element {
  opacity: 0.5; /* 设置透明度为50% */
}




.transparent-background {
  background-color: rgba(255, 0, 0, 0.3); /* 红色背景，30%透明度 */
}

opacity属性会影响元素及其所有子元素的透明度，而rgba只影响颜色的透明度，不会影响子元素。