Anonim

Преди няколко месеца стартирах нов сайт и получих оплакване, че рекламата с класация се появява над падащо меню, което имах на страницата. Достатъчно просто, аз проверих css на рекламата, видях, че тя има z-индекс 999 и повиших z-индекса в менюто до 1000. Проблема решен. Същият проблем отново няколко седмици по-късно, го увеличи до 10 000. И днес днес трябваше да проверя друга реклама, която създава същия проблем. Той имаше индекс от 1 милион. Колко досадно.

Това обаче ме зачуди, каква е максималната стойност, на която бих могъл да задам z-индекс. Разглеждайки различни CSS документации, изглежда, че не е посочена максимална стойност. Отговорът в Firefox, IE и Chrome е:

2147483647

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

Максимална стойност на css z-индекс