Выпадающее меню за текстом

Question

Я пытался создать выпадающее меню.Это то, что я сделал до сих пор: http://gegensinn.org/test.html (я сделал раскрывающееся меню постоянно видимым для «отладки»)

Я думаю, что проблема вполне очевидна: меню находится за текстом.

Сначала я подумал, что могу исправить это с помощью z-index.

Хотя я не совсем уверен, какой элемент должен получить свойство z-index.

Я пыталсячтобы установить все меню на z-index:100; и одновременно установить z-index:1; из .main.

Впоследствии я попытался установить только z-индекс <li> и <a>, но ничегоработал.

Answer 1

добавить position:relative в #header:)

Answer 2

Я думаю, что применение z-index как и должно работать.

CSS

#menu a
{
  z-index: 100;
}

#menu ul li ul
{
  position: absolute;
}

#main
{
  z-index: 10;
}

Некоторые браузеры игнорируют z-index, если он не установлен для обоих рассматриваемых элементов.

Answer 3

Для всех, кто столкнулся с этой проблемой, просто добавьте !important и z-index в область меню / заголовка:

position:relative !important;z-index:999

Answer 4

добавить позицию относительно li и абсолютную позицию к sub ul , а затем z-index