使用 CSS 实现透明效果

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

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




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




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

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