HTML und CSS · Senior · Frage 12 von 75
Was passiert mit einem Element mit position: fixed, wenn ein Vorfahre transform: translateZ(0) hat?
- 1Es wird relativ zu diesem Vorfahren positioniert
- 2Das Element wird nicht gerendert, solange der Vorfahre ein
transformhat - 3Nichts:
fixedwird immer relativ zum Browserfenster positioniert
Antwort zeigen
Richtige Antwort: Es wird relativ zu diesem Vorfahren positioniert
Erklärung
Ein Vorfahre mit transform, filter, perspective, contain: paint oder will-change: transform wird zum Containing Block für fixed-Nachfahren. Ein Modal in einem animierten Container „klebt“ dann plötzlich am Container statt am Fenster. Deshalb rendert man Modals und Toasts über ein Portal auf Ebene von body.