Выпадающее меню, появляющееся под областью содержимого

#html #css

#HTML #css

Вопрос:

На моей странице есть две относительно расположенные области: содержимое и заголовок.

Содержимое имеет более высокий z-индекс, чем заголовок — это требование для структуры страницы.

Я упростил HTML и CSS, чтобы проиллюстрировать то, что я пытаюсь здесь сделать: http://cb3.securetree.com/example.html

Это создает проблему с выпадающими меню, которые существуют в заголовке, поскольку они отображаются под областью содержимого, даже если их z-индекс выше.

На странице примера обратите внимание, как выпадающее меню располагается под областью содержимого.

Ценю любую помощь в решении этой проблемы.

Комментарии:

1. Это напрямую связано с нижним z-индексом в заголовке div. Вам придется реструктурировать страницу, чтобы z-индекс вашего меню был выше, чем содержимое.

Ответ №1:

Относительно расположенные элементы будут отображаться поверх объектов, которые не расположены относительно. Вам следует избегать использования относительного позиционирования там, где в этом нет необходимости. Если вы используете символы с плавающей запятой, Поля и т. Д. Для перемещения по странице, У вас не должно возникнуть проблем с z-индексом.