不能让元素重叠另一个

Question

我有一个Divi WordPress网站http://linden.flywheelsites.com，我试图让元素ID“atlas_menu1”重叠页面上的所有其他元素。不知何故，元素“et-page-area”或“main-content”仍然与atlas_menu1重叠。

任何人都可以看看页面检查器，看看你能找到解决方案吗？如有必要，我可以提供访问权限

Answer 1

考虑看z-index CSS Property

Answer 2

你能看一眼.et_pb_text_3？它有显示：无。对不起，这个答案。我还不能评论。

Answer 3

请记住，只有具有z-index的元素在其相同级别上“起作用”。

例如：

.parent{position:absolute;width:100px;height:100px;} 
 
.child{background:red;position:absolute;width:50px;height:50px;margin:auto;top:0;right:0;bottom:0;left:0;z-index:999999;} 
 
.first{z-index:1;background:blue;} 
 
.second{z-index:2;left:50px;top:50px;background:yellow;} 
 
.third{z-index:3;left:100px;top:100px;background:green;} 
 
.fourth{z-index:4;left:150px;top:150px;background:purple;}

<div class="parent first"> 
 
    <div class="child"></div> 
 
</div> 
 

 
<div class="parent second"> 
 
    <div class="child"></div> 
 
</div> 
 

 
<div class="parent third"> 
 
    <div class="child"></div> 
 
</div> 
 

 
<div class="parent fourth"> 
 
    <div class="child"></div> 
 
</div>

所有子类有999999的Z-index，但是，较低的z-index的父类，停留在孩子的顶部。这是因为一旦你嵌套了z-index元素，一个子元素就不能重叠父元素。

在你的情况下，#atlas_menu1(z-index:9999)里面.et_pb_row_2(z-index:1)是内部.et_pb_section_4(z-index:-1)

尝试取出.et_pb_section_4和.et_pb_text_3的z-index，然后设置.et_pb_row_2的z-index到99999