Существует ли верхний предел значений z-index в веб-браузерах? - PullRequest
20 голосов
/ 23 октября 2008

У меня есть случай, когда сторонняя реклама просачивается сквозь мою реализацию модального окна. Я хотел бы повысить z-индекс модального наложения как можно выше, чтобы объявление не показывалось поверх него. Есть ли предел значениям z-index? Я уверен, если есть, это зависит от браузера. Кто-нибудь знает?

Ответы [ 4 ]

18 голосов
/ 06 марта 2009

Максимальное значение zIndex, поддерживаемое большинством браузеров, равно 2147483647 (2 ^ 31-1), но Opera 9.2 не принимает значения больше 2147483583; Они исправили это в версии 9.5.

13 голосов
/ 23 октября 2008

Имейте в виду, что z-index не работает глобально, а только в «стековом контексте» (который трудно переварить определение в CSS), и если объявление устанавливает собственный контекст стека тогда z-index значения, которые вы установили в другом месте, могут вообще не повлиять на это.

Однако, скорее всего, это проблема "оконного" Flash (объект без атрибута wmode=transparent), который браузеры отображают поверх всего, как если бы это было окно над окном браузера . В таком случае z-index не поможет вообще. Вам нужно заставить ad [-provider] использовать wmode=transparent или использовать сумасшедшие хаки с iframes.

10 голосов
/ 23 октября 2008

Не совсем, но вы могли бы рассмотреть естественные ограничения системы, например, диапазон int. Я бы , вероятно, оставил бы его ниже 32 767 . Я определенно превзошел это в javascript, работая над аналогичной проблемой, и не столкнулся с какими-либо проблемами в основных браузерах и платформах, которые меня беспокоили в то время.

В случае сторонних рекламных объявлений и наложений, убедитесь, что wmode = "transparent" на вставке флэш-памяти является общей проблемой в том же духе. Также стоит отметить, что в IE есть ошибка со сложением z-индексов, поэтому, если вы не видите успеха, убедитесь, что вы не ударяете головой об стену с этим *.

Мне всегда нравится придерживаться какого-то соглашения , а не использовать произвольные цифры. Например, может быть, все в моем css находится между 0 и 10 . Может быть, дело в dhtml происходит в 100-х местах с осмысленным z-индексом для любого данного модуля.

* Sidenote: В частности, ошибка IE заключается в том, что IE рассматривает новый экземпляр потока документов как новый контекст стека для z-index. Вы должны убедиться, что ваши z-индексы не теряются в иерархии DOM, когда дочерний узел, который обычно наследовал бы ваш z-индекс, отображается в своем собственном контексте позиционирования.

3 голосов
/ 02 ноября 2008

Цитата от http://techtrouts.com/is-there-a-limit-to-the-css-z-index-property/:

Теоретически свойство z-index должно быть неограниченным или, по крайней мере, в пределах типа int, в зависимости от ОС и браузера. Однако, чтобы избежать ошибок браузера, вы должны ограничить значения z-index до +/- 32767.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...