z-индекс где-то перезаписывается

#jquery #html #css #z-index

#jquery #HTML #css #z-индекс

Вопрос:

если вы введете в строку поиска, вы увидите, что окно результатов поиска скользит вниз.

по какой-то причине (раньше этого не делалось!) Окно результатов поиска находится за серым окном с изображением, а не над ним.

я пробовал:
— установить z-индекс содержащего div-файла равным 999 !важно в style.css
— то же самое при вызове функции через js
— понизить zindex серого прямоугольника позади него.

безрезультатно. рад предоставить больше кода, если это необходимо. я чувствую, что это будет быстро исправлено, как только я пойму, где я облажался.

Спасибо!

1. Вам нужно указать этому блоку позицию, чтобы он следовал правилам z-индекса. Попробуйте добавить «положение: относительное»

2. Вы должны хотя бы добавить в поле поиска: autocomplete="off" потому что вот так открываются 2 окна результатов: screencast.com/t/MeCQ6gYQC8

3. z-index работает только с position:...

Ответ №1:

Firebug — ваш друг в подобных вещах. Если вы не используете Firebug, потратьте некоторое время на его изучение, поскольку это избавит вас от бесчисленных головных болей в будущем.

Что касается вашей проблемы, текущий div, покрывающий ваш выпадающий список, имеет z-индекс 10. Ваш выпадающий список, имеющий z-индекс 1000, содержится в родительском div, у которого нет набора z-index. Исправление заключается в присвоении родительскому div z-индекса:

 #header {z-index: 11}