gpt4 book ai didi

css - 影响整个内容的不透明度

转载 作者:太空宇宙 更新时间:2023-11-04 00:14:43 27 4
gpt4 key购买 nike

twitter 如何实现这种透明度?

enter image description here

我尝试在我的代码中添加不透明度,但每个子元素都受到影响。我的目标有点像上图。我该怎么做?不透明度是正确的 css 规则吗?

最佳答案

尝试使用 RGBa 而不是 opacity 来实现此效果。 opacity 属性强制所有子元素也变得透明,并且没有很多简单的方法可以解决这个问题。 RGBa 使元素透明,但所有子元素保持不变。

示例:

div {
background: rgba(10, 10, 10, 0.5);
}

RGBa中的前三个数字代表RGB值中的颜色;第四个代表透明度,应该在 0.0 和 1.0 之间(类似于不透明度属性)。

JS Fiddle Example

RGB Color Chart

关于css - 影响整个内容的不透明度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11778038/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com