Css 将某div设置为透明,但其子元素不透明

可以使用css中的属性opacity来设置元素的透明度,但它会影响到元素的所有子元素。如果想让父元素透明,但子元素不透明,可以使用另外一种方法:

首先,将父元素的背景颜色设置为rgba格式,其中a表示透明度。例如:

.parent {
  background-color: rgba(255, 255, 255, 0.5); /* 将透明度设置为0.5 */
}

这样,只会让父元素的背景透明,而不会影响到子元素。

然后,将子元素的背景颜色设置为不透明的颜色即可。例如:

.child {
  background-color: #fff; /* 不透明的白色 */
}

你可能感兴趣的:(前端)