Html CSS z索引在父元素上不起作用

我有下面的代码，我试图用

class=“one”

显示

div

，首先是它的子

div

s（因此整个元素显示为红色）。但这似乎没有发生。我该如何解决这个问题

---

当向父元素声明

z-index

时，它也会影响其子元素- 因此，不能使用z索引使父对象与它自己的内容重叠

尝试改用

不透明度
（etc）

您可以通过实际用例查看有关
z-index
的更多信息。
z-index
通常仅适用于其兄弟元素。已从自然布局流中拉出的元素（例如，通过
位置：绝对
）是例外。为了清楚起见，是否希望背景为红色？还看到孩子的笔迹吗？为什么关闭？复制品可以，但这不是唯一的方法。。。。使用
显示的简便方法：内容
（注意在IE上不起作用）
 <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>

.one {
    border:1px solid black;
    background:red;
    position:relative;
    z-index:5
 }

.two {
    background:green;
    position:relative;
 }

.three {
    position:relative;
}