Anonim

Пару місяців тому я запустив новий веб-сайт і отримав скаргу на те, що оголошення, розміщене в таблиці, відображається над розкритим меню, яке я мав на своїй сторінці. Досить просто, я оглянув css реклами, побачив, що вона має z-індекс 999, і збільшив z-індекс у меню до 1000. Проблема вирішена. Знову ж проблема знову через кілька тижнів збільшила її до 10 000. Сьогодні сьогодні мені довелося перевірити ще одне оголошення, яке викликало ту ж проблему. Він мав індекс 1 мільйон. Як надокучливо.

Це мене здивувало, але яке максимальне значення я можу встановити z-індексом. Переглядаючи різні документації CSS, не було вказано максимального значення. Відповідь у Firefox, IE та Chrome:

2147483647

Це максимальне підписане значення 32-бітного цілого числа. Технічно я б міг уявити, що це обмеження походить від мови програмування, на якій був створений браузер. Я впевнений, що є кілька старих браузерів, де встановлення цього значення може призвести до порушення функції. Цікаві речі, хоча. Отже, якщо ви хочете переконатися, що ваш елемент на 100% впевнений, встановіть його на 2147483647. Проблема вирішена. Насправді, мені було дуже прикро, що реклама встановила його настільки велику кількість. Враховуючи будь-яку сторінку, існує дуже обмежена кількість шарів, встановлення її на набагато меншу кількість повинно зробити трюк.

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