Question

我有一个Divi WordPress网站http://linden.flywheelsites.com，我正在尝试获取元素ID＆＃34; atlas_menu1＆＃34;与页面上的所有其他元素重叠。不知何故，元素＆＃34; et-page-area＆＃34;或＆＃34;主要内容＆＃34;仍然与atlas_menu1重叠。

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

Answer 1

考虑查看z-index CSS Property

Answer 2

你能看看.et_pb_text_3吗？它有display：none。对不起，这个答案。我还不能发表评论。

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>

所有子类的z-index为999999，但是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。

无法让元素与另一个

3 个答案: