Выпадающее меню, не полностью перекрывающее меню. Параметры Z-индекс

Question

Я расширил меню, так что вы можете увидеть пересекающееся меню на http://ocart.site/opencart/

Вы знаете, какие параметры Z-индекс, чтобы применить так при наведении на рабочие столы и меню падает вниз. В раскрывающемся меню вы не видите заголовок меню «Компоненты».

Answer 1

Вам нужно будет внести некоторые изменения в таблицу стилей.

После просмотра ссылки и проверки кода, я нашел, что нужно сделать следующее:

Удалить свойство Z-индекс от этих стилей:

#menu > ul > li 

И

#menu > ul > li > a 

Вам не нужно объявлять z-index для любого из этих элементов.

Затем вам нужно установить Z-индекс 1 к следующим образом:

#menu > ul > li > div { 
    z-index: 1; 
} 

После того, как вы сделали, что вы будете иметь возможность увидеть выпадающее меню над заголовками меню и выиграл» t быть закрыт.

Answer 2

изменить следующие коды CSS в вашем stylesheet

удалить position:relative; из #menu > ul > liline No 338

#menu > ul > li { 
    float: left; 
    padding: 6px 5px 5px 0; 
    /* position: relative; */ /* Remove this property */ 
    z-index: 0; 
} 

и установить z-index:10 в #menu > ul > li > divline No 364

#menu > ul > li > div { 
z-index:10; 
}