gpt4 book ai didi

html - 图层索引和不透明度问题

转载 作者:行者123 更新时间:2023-12-05 01:48:39 24 4
gpt4 key购买 nike

我将外部 div 的不透明度属性设置为 .5,我将内部 div 的不透明度值设置为 1但它仍然是透明的

示例代码如下:HTML:

<div id="div1">
<div id="div2">
<div id="div3"></div>
</div>
</div>

CSS:

#div1{
background: black;
opacity:.5;
width:300px;
height:300px;
}
#div2{
background:white;
width:150px;
height:150px;
opacity: 1;
}
#div3{
display: block;
width: 50px;
height: 50px;
opacity: 1;
background: black;
}

那么问题出在哪里呢?或者我有什么想念的吗?帮帮我!

最佳答案

这是对 CSS 的一个常见误解,您不能在父项上设置不透明度,然后阻止它影响其子项。您需要为 #div1 设置 alpha 颜色:

#div1{
background: rgba(0,0,0,0.5);
width:300px;
height:300px;
}

关于html - 图层索引和不透明度问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8892700/

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