значение z-index элемента не может превышать значение содержимого iframe

StackOverflow https://stackoverflow.com/questions/122865

  •  02-07-2019
  •  | 
  •  

Вопрос

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

z-index: 0;

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

z-index: 1000;

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

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

Это было полезно?

Решение

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

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

Другие советы

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

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

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

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

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

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

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

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

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top