Верстка · Middle · Запитання 28 з 75
Що таке контекст накладання (stacking context) і чому z-index: 9999 може «не працювати»?
- ✓Правильна відповідь: Група, усередині якої порівнюються
z-index; дитина не підніметься вище за сусідів батька - 2Це обмеження браузерів: значення
z-indexпонад 999 просто ігноруються - 3Це порядок елементів у HTML-розмітці, і
z-indexзмінити його не може
Пояснення
Елемент із position + z-index, opacity < 1, transform, filter, isolation: isolate тощо створює власний контекст накладання. Усе всередині нього малюється як єдине ціле відносно сусідів. Якщо батько з z-index: 1 нижче за сусіда з z-index: 2, дитина з 9999 однаково опиниться під сусідом.