CSS z-索引不适用于父元素。
CSS z-索引不适用于父元素。
提问于 2020-10-30 01:32:52
我有下面的代码，在这里我尝试用div显示class="one"，首先是它的子divs (所以整个元素看起来是红色的)。但这种情况似乎并没有发生。我该怎么解决这个问题？
https://jsfiddle.net/nordy/15heL6gf/
<div class="one">
<div class="two">This is two</div>
<div class="two">This is two
<div class="three">This is three</div>
</div>
</div>CSS
.one {
border:1px solid black;
background:red;
position:relative;
z-index:5
}
.two {
background:green;
position:relative;
}
.three {
position:relative;
}回答 1
Stack Overflow用户
发布于 2020-10-30 01:44:20
当向父元素声明z-index时，它也会对其子元素产生影响--因此您不能使用z索引使父元素与它自己的内容重叠。
尝试使用opacity (等)代替。
您可以通过实际用例查看这以获得更多关于z-index的信息。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64601560
复制相关文章
相似问题
腾讯云开发者
