Проблема Z-индекса с выпадающим меню и скрытыми элементами

Question

Я только что добавил суперфиш на мою страницу .Но в раскрывающемся меню отображается под мой div-заголовок, в котором есть display: hidden. Но это не единственная проблема, к которой относится и мой Easy Slider , в котором есть изображения, div иЯ не могу сказать, какой из них покрывает мое выпадающее меню.

Я не очень знаком с использованием z-index. Какой лучший способ решить эту проблему?

Answer 1

Добавить свойство z-index для обоих элементов через CSS.(меню) и (ползунок)

<div style="z-index:2;">Menu</div>

<div style="z-index:1;">Slider (or whatever coming after the menu)</div>

и да, причина в том, что используются два элемента с position:relative;

Answer 2

Проверьте, что контейнер, в котором находится ваше меню, имеет относительную позицию.Z-индекс работает только для элементов, которые имеют атрибут позиции «относительный» или «абсолютный».

Например:

<div style="position:relative">Menu here</div>