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

Question

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

0

Я создал раскрывающееся меню, но проблема, с которой я столкнулась, заключается в том, что, когда я наводил верх над навигационным меню, выпадающие пункты меню скрыты за ползунком и контентом. Я посмотрел онлайн и попытался выяснить проблему, но не могу исправить. Кто-нибудь может мне помочь? Пожалуйста, если это возможно, объясните это очень хорошо. Заранее спасибо, Helen

guest1 21 окт. 2013, в 13:26

Источник

0

Пожалуйста, добавьте пример кода, который вы пробовали.
SaturnsEye 21 окт. 2013, в 10:57

Теги:

html

css

drop-down-menu

html-select

4 ответа

Ещё вопросы

Пожалуйста, добавьте пример кода, который вы пробовали.

Joshua Mathews · Answer 1 · 2013-10-24T23-16-00.000Z

У меня была аналогичная проблема при работе с моим выпадающим меню, и он появился за ползунком. Ползунок z-index варьировался от 1-5, поэтому я сделал z-индекс падения намного большим и теперь он отображается правильно.

Darren Crabb · Answer 2 · 2013-10-21T09-54-00.000Z

Это наиболее вероятно вплоть до css z-index различных элементов на странице. Более высокие значения z-индекса будут позиционировать материал поверх более низких значений z-индекса (при условии, что они имеют значение позиционирования). Однако вы должны иметь в виду, что дочерние элементы не могут получить более высокий индекс z, чем их родительский элемент, или, по крайней мере, вы можете назначить z-index любому значению, но они всегда будут оставаться в родительском элементе у родительских элементов z -индекс. Скорее всего, слайдер на вашей странице имеет более высокий индекс z, чем ваш заголовок/панель меню.

SaturnsEye · Answer 3 · 2013-10-21T09-51-00.000Z

Если вы используете список HTML, например, <ul> попробуйте добавить в свой список более высокий z-index чтобы передать его всему остальному.

.dropdown li {

z-index:999;
position:relative;

}

Большое спасибо! Теперь работает
Если вы хотите проголосовать за мой ответ как за лучший ответ, то это было бы здорово :)

Folashade · Answer 4 · 2013-10-21T09-30-00.000Z

Кроме того, убедитесь, что у вас есть позиция: относительная, позиция: абсолютная или позиция: фиксированная или z-индекс будет проигнорирован.