Проблема с Z-Index в IE6 и 7

Question

На этой странице http://equals.lsri.nottingham.ac.uk/puzzle/create, если вы введете что -то в ввод, а затем нажмите «Сохранить пользовательский диалог». Но даже если Z-индекс диалога и его контейнер выше, чем у редактора уравнений, редактор все еще перекрывает диалог в IE6 и 7. Кто-нибудь понял, почему?

Answer 1

Z-индекс относится к его контейнеру. Так что, если что -то абсолютно позиционируется, это контейнер - это window, но если он относительно позиционируется, его z-индекс относится только к другим вещам в этом контейнере. Так что самое высокое в window это то, что есть родитель. Если ваш перекрывающийся элемент абсолютный, вам либо нужен новый контейнер элементов в более высоком z-индексе, либо абсолютно позиционирует новые элементы.

Answer 2

Потому что в IE 6 и 7S укладка работает по -разному. Видеть Отчет об ошибках: z-index uectorer z-index на quirksmode.org и комментарии для некоторых решений.

Answer 3

Эй, где -то. О, простая радость, которая является интернет -исследователем ... Проблема связана с тем фактом, что IE7 (и ранее) сбрасывает z-index абсолютно расположенных элементов.

Некоторая литература по этому вопросу:

• Squish The Internet Explorer Z-Index ошибается
• Извлеченные уроки IE7: ошибка z-Index

Два популярных режима мышления, похоже, либо поправка, связанные с JavaScript (как прототип, так и jQuery имеют решения, перечисленные во второй статье), либо путем обертывания абсолютно позиционированного элемента, который вы хотите сверху, у не абсолютно позиционированного родителя, который имеет высокий z-index. Анкет Черт!