父盒子设置背景图片透明度导致子元素也透明了,怎么办
时间: 2023-10-04 20:03:16 浏览: 130
可以尝试使用 CSS3 的 rgba() 函数来设置背景颜色和透明度,而不是直接设置背景图片的透明度。例如:
```
.parent {
background-color: rgba(255, 255, 255, 0.5); /* 白色背景,透明度为 0.5 */
/* background-image: url('xxx.png'); 不设置背景图片透明度 */
}
.child {
/* 子元素不会受到背景透明度的影响 */
}
```
其中,rgba() 函数中的前三个参数分别代表红、绿、蓝三色的取值(取值范围为 0~255),最后一个参数代表透明度(取值范围为 0~1)。这样设置可以保证父元素的背景图片不会影响子元素的透明度。
阅读全文