Выносить абсолютное позиционированное подменю вперед?

Question

У меня есть идентификатор #navigation с position: relative; и внутри него класс .submenu с position:absolute;.Подменю содержит тексты (в частности, теги <a>), которые утратили свойство cursor: pointer; и возможность их выбора за счет того, что теперь они находятся позади других элементов на странице.

Вот ссылка, чтобы вы могли увидеть, о чем я говорю:

http://pixelation.me/show/stackoverflow/

Я не уверен, что могу сделать, если не объявить #navigation и все это дети внизу страницы, чтобы вывести .submenu "на передний план".

Я уже пытался установить z-index: 1;на .submenu, и это не сработало.

Будем благодарны за любые предложения и ответы;)!

Answer 1

Заменить # navigation .submenu на это:

#navigation .submenu {
 z-index: 1;
 background-color: #fff;
 position: absolute;
 top: 50px;
 left: 445px;
 padding: 0px 20px;
 text-align: center;
 border: 1px solid #ddd;
}

Проверено и работает. Добавьте z-index и создайте цвет фона, чтобы другие элементы не просвечивали - Nick B

Answer 2

Я добавил этот код с помощью встроенного стиля в div класса submenu

style="z-index: 999"

, и он работал