Z-index не работает?

Я использую jQuery, чтобы сделать div apear, когда я нажимаю на кнопку → фон должен получить непрозрачность 0,8, а появившийся div позволит пользователю разрешить ему войти в систему - все в порядке, когда я не использую z -index, но у меня есть 4 divs (заголовок, содержание, нижний колонтитул и div с именем login-Form), заголовок должен иметь z-index: 3 и content z-index: 2 - в противном случае тени не будут работать, как ожидалось.

С jQuery я добавляю div после тега body, который содержит полную сторону, поэтому я могу установить непрозрачность, но тогда мне нужно установить z-index для формы-div выше, чем для div с непрозрачностью - но это не сработает. z-индекс формы-div равен 999, другой div имеет 5

Любые обходные пути или что-то для z-индекса?

Ответы

Ответ 1

Измените положение элемента.

position: relative;

Ответ 2

Старый вопрос, но я буду публиковать в любом случае, если кто-то еще ищет решение.

z-index не так прост, как может показаться. Создание z-индекса на element1 = 999 и на element2 = 1 не всегда означает, что элемент1 будет впереди.

У меня была подобная ситуация один раз, и я изменил z-index с помощью jQuery, когда мне нужен элемент, который был впереди, и он работал нормально. Это означает, что z-index заботится о времени, КОГДА вы дали ему этот индекс. Если вы хотите дать ему значение 999, дайте ему право в тот момент, когда вы хотите, чтобы он был впереди. Это может заставить его оставаться на вершине, но могут применяться другие правила, а именно: порядок укладки. Здесь довольно большая тема, поэтому я просто укажу вам здесь: http://philipwalton.com/articles/what-no-one-told-you-about-z-index/

Ответ 3

Вам нужно что-то сделать с родительским элементом.

переполнение: видимое;

Это сделало бы вас.

Ответ 4

Вам нужно убедиться, что position определен в вашем CSS. если вы хотите, чтобы z-index был внедрен в обычный элемент HTML, добавьте position:relative к вашему элементу.