Lernen Sie das neue Dialogfeld-Element kennen 

Avatar of Robin Rendle
Robin Rendle am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Keith Grant bespricht, wie HTML 5.2 ein eigenartiges neues Element eingeführt hat: <dialog>. Dies ist ein absolut positioniertes und horizontal zentriertes Modal, das über anderen Inhalten auf einer Seite erscheint. Keith befasst sich damit, wie dieses neue Element gestaltet werden kann, die grundlegende Öffnungs-/Schließfunktionalität in JavaScript und natürlich die Polyfills, die wir für die browserübergreifende Unterstützung benötigen.

Außerdem hatte ich zuvor noch nie von dem ::backdrop Pseudo-Element gehört. Glücklicherweise geht die MDN-Dokumentation für dieses Pseudo-Element etwas genauer darauf ein.

Direkter Link →