Um ein Overlay bei einem Klick darauf zu schließen und gleichzeitig ein geöffnetes Offcanvas zu schließen, kannst du JavaScript oder jQuery verwenden. Hier ist ein einfaches Beispiel,... [mehr]
Wie schließt man ein Overlay bei Klick auf das Selbige?
AntwortUm ein Overlay bei einem Klick auf dasselbe zu schließen, kannst du JavaScript verwenden. Hier ist ein einfaches Beispiel: ```html <!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <meta name="" content="width=device-width, initial-scale=1.0"> <title>Overlay Beispiel</title> <style> #overlay { display: none; /* Standardmäßig versteckt */ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); justify-content: center; align-items: center; color: white; font-size: 2em; } </style> </head> <body> <button id="openOverlay">Overlay öffnen</button> <div id="overlay"> Klick hier, um zu schließen </div> <script> const overlay = document.getElementById('overlay'); const openButton = document.getElementById('openOverlay'); openButton.addEventListener('click', () => { overlay.style.display = 'flex'; // Overlay anzeigen }); overlay.addEventListener('click', () => { overlay.style.display = 'none'; // Overlay schließen }); </script> </body> </html> ``` In diesem Beispiel wird ein Overlay angezeigt, wenn der Button "Overlay öffnen" geklickt wird. Ein Klick auf das Overlay selbst schließt es wieder.
Verwandte Fragen
Wie kann man beim Klick auf ein Overlay die entsprechende Offcanvas Sidebar ändern?
Um beim Klick auf ein Overlay die entsprechende Offcanvas-Sidebar zu schließen oder zu ändern, kannst du JavaScript oder jQuery verwenden. Hier ist ein einfaches Beispiel, wie du das umsetz... [mehr]
