可以使用css中的属性opacity
来设置元素的透明度,但它会影响到元素的所有子元素。如果想让父元素透明,但子元素不透明,可以使用另外一种方法:
首先,将父元素的背景颜色设置为rgba格式,其中a表示透明度。例如:
.parent {
background-color: rgba(255, 255, 255, 0.5); /* 将透明度设置为0.5 */
}
这样,只会让父元素的背景透明,而不会影响到子元素。
然后,将子元素的背景颜色设置为不透明的颜色即可。例如:
.child {
background-color: #fff; /* 不透明的白色 */
}