Question

问题是：有可能吗？我有div relative position。在div内，我有另一个div position: absolute和top: whatever。

此绝对位置div与父div中的内容重叠，没有任何问题，但另一个相对位置div（父母之外）甚至不关心。在我提出这个问题之前，我尽可能地搜索，所以我90％肯定这是不可能的，或者我的方向不对，但我需要确定。

的示例

HTML

<div class="main">
  <div class="content">11112222233</div>
  <div class="abs"></div>
</div>
<div class="main"></div>

CSS

.main {
    background: green;
    position: relative;
    height: 100px;
    width: 100px;
    z-index: 100;
}
.content {
    position: relative;
    z-index: 500;
    width: 100px; 
}
.abs {
    position: absolute;
    width: 50px;
    height: 300px;
    top:0;
    right: 0;
    background: red;
    z-index: 999;
    opacity: .5;
}

Answer 1

第二个.main div的z-index必须低于包含绝对div的第一个div的z-index：

在第二个主要

中添加一个类

 <div class="main">
   <div class="content">11112222233</div>
   <div class="abs"></div>
</div>
<div class="main second"></div>

然后使用这种风格：

.second {z-index:99;}

Example

绝对位于另一个亲属之上的一个亲戚之内

1 个答案: