Anonim

Пару месяцев назад я запустил новый сайт и получил жалобу на то, что объявление в таблице лидеров показывалось над выпадающим меню, которое было у меня на странице. Достаточно просто, я проверил CSS объявления, увидел, что у него был z-индекс 999, и поднял z-индекс в меню до 1000. Задача решена. Та же проблема снова пару недель спустя, поднял до 10000. Снова сегодня я должен был проверить другое объявление, которое вызывало ту же проблему. У него был индекс 1 миллион. Как раздражает.

Это заставило меня задуматься, какое максимальное значение я мог бы установить для z-индекса. Глядя на различную документацию CSS, не было указано максимальное значение. Ответ в Firefox, IE и Chrome:

2147483647

Это максимальное значение со знаком 32-разрядного целого числа со знаком. Технически, я бы предположил, что это ограничение исходит от языка программирования, на котором сделан браузер. Я уверен, что есть некоторые старые браузеры, в которых установка этого значения может привести к поломке. Интересные вещи, хотя. Итак, если вы хотите убедиться, что ваш элемент на 100% уверен в вершине, установите его на 2147483647. Проблема решена. В действительности, однако, мне было очень неприятно, что в рекламе было установлено такое большое количество. Принимая во внимание, что на любой странице будет очень ограниченное количество слоев, установка меньшего числа должна помочь.

Максимальное значение z-индекса css