Верстка · Senior · Запитання 12 з 75
Що станеться з position: fixed-елементом, якщо в предка задано transform: translateZ(0)?
- 1Нічого:
fixedзавжди позиціонується відносно вікна браузера - ✓Правильна відповідь: Він почне позиціонуватися відносно цього предка
- 3Елемент перестане відображатися, доки в предка є
transform
Пояснення
Предок із transform, filter, perspective, contain: paint або will-change: transform стає блоком, що містить, для fixed-нащадків. Модалка всередині анімованого контейнера раптом «прилипає» до контейнера, а не до вікна. Тому модалки й тости виносять у портал на рівень body.