значение z-index элемента не может превзойти единицу содержимого iframe

Question

У меня есть div и iframe на странице div имеет

z-index: 0;

Содержимое iframe имеет всплывающее окно, имеющее z-index 1000

z-index: 1000;

Однако div все еще затмевает всплывающее окно в IE (но отлично работает в Firefox).

Кто-нибудь знает, что я могу сделать?

Answer 1

Ошибка Z-индекса Explorer

В общем, http://www.quirksmode.org/ является отличным справочником для такого рода вещей.

Answer 2

Не видя ваш код, трудно определить проблему. Но стоит отметить, что z-index работает только тогда, когда элемент позиционирован (например, position: absolute;), поэтому, возможно, это может быть проблемой?

Есть хорошая статья по CSS Z-index из Центра разработчиков Mozilla.

Answer 3

У меня такая же проблема. Проблема в моем случае заключается в том, что содержимое iframe контролируется не IE, а Acrobat, так как это файл PDF. Вы можете попытаться показать iframe без содержимого, в этом случае всплывающее окно отображается нормально. По какой-то причине IE не может контролировать z-индекс для внешних помощников.

Было протестировано с IE7

Answer 4

Какая версия IE?

Я не гуру javascript, но я думаю, что скрывать div, когда всплывающие окна могут выполнить то, что вам нужно.

Мне приходилось работать с элементами div и iframes при создании меню javascript, в котором должны отображаться выпадающие списки и списки overtop - другие реализации меню просто скрывают эти элементы, поведение которых по умолчанию в IE6 должно отображаться поверх любого DIV, имеет значение z-index.

Answer 5

никогда не устанавливайте свой z-индекс ниже 1, если вы не хотите его скрывать. Я не уверен насчет 7.0, но в более старых версиях IE у меня были проблемы с этим. IE не очень любит z-index. Также проверьте свое позиционирование. Позиционирование может быть вашей проблемой. извините, у меня недостаточно информации, чтобы помочь вам в дальнейшем.

Answer 6

Не видя фрагмент кода, трудно определить, в чем проблема. Возможно, вы захотите попробовать добавить iframe к вашему всплывающему окну того же размера, что и ваше всплывающее окно. В IE7, если вы визуализируете всплывающее окно iframed после того, как другой iframe уже загружен, вы сможете скрыть элементы, которые находятся ниже. Я полагаю, что некоторые календари JS и некоторый код лайтбокса / thinbox делают это, если вы ищете примеры.