Не удается получить элемент для перекрытия другого

Question

У меня есть сайт Divi WordPress http://linden.flywheelsites.com, и я пытаюсь получить идентификатор элемента «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>

Все дочерний класс имеет Z-индекс 999999, тем не менее, родительский класс с более низким Z-индекс, остается на вершине ребенка. Это связано с тем, что, когда у вас есть вложенные элементы z-index, дочерний элемент не может перекрывать родительский элемент.

В вас случае #atlas_menu1(z-index:9999) внутри .et_pb_row_2(z-index:1), что находится внутри .et_pb_section_4(z-index:-1)

Попробуйте удалить Z-индекс .et_pb_section_4 и .et_pb_text_3, а затем установить .et_pb_row_2 г-индекс 99999.