Arangement элементов html

Question

Я работаю на странице, которая содержит два плагина diffirent, которые конфликтуют с eachother на html. Один плагин arange divs absolute. Другой плагин создает индивидуальный выпадающий список. Проблема в том, что если я поместил поле выбора в один аргументированный div. и под ним есть еще один подвешенный div. Селектор выбора в верхнем div будет идти за нижним div. Я хочу, чтобы этот div был сверху поверх другого блока. Я не хочу перегруппировать все индексы z снизу вверх в обратном порядке.

Я искал решение (css) для решения этой проблемы. потому что система сильно зависит от обоих плагинов (реализована на каждой странице.) Поэтому я не могу просто отнять один из этих двух плагинов. Надеюсь, кто-нибудь может дать мне решение этой проблемы.

Это немного пример того, что я имею в виду:

#div1 { 
 
    width:500px; 
 
    border:1px solid black: 
 
    height:150px; 
 
    max-height:150px; 
 
    background-color:green; 
 
    left: 50px; 
 
    top:50px; 
 
    position:absolute; 
 
    overflow:visible; 
 
    display:block; 
 
    z-index:1; 
 
    color:white; 
 
} 
 

 
#div2 { 
 
    position: relative; 
 
    left:200px; 
 
    width:100px; 
 
    background-color:blue; 
 
    border: 1px solid black; 
 
    height:500px; 
 
    z-index:999; 
 
    color:white; 
 
} 
 

 
#div3 { 
 
    position:absolute; 
 
    top:250px; 
 
    width:500px; 
 
    left:50px; 
 
    background-color:red; 
 
    height:200px; 
 
    z-index:3; 
 
    color:white; 
 
}

<div id="div1" > 
 
Top div 
 
    <div id="div2">This one should be on top</div> 
 
</div> 
 
<div id="div3"> 
 
\t Bottom div 
 
</div>

Answer 1

Что делать, если вы просто удалить Z-индекс от #div3? Когда я это делаю, синий #div2 появляется над красным.

Это вы что искали?