首页 前端知识 Css 将某div设置为透明,但其子元素不透明

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

2024-03-15 10:03:37 前端知识 前端哥 995 116 我要收藏

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

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

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

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

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

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/3802.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!