Overlay :: Tag :: Ma documentationhttp://quentinpigne.github.io/tags/overlay/index.htmlHugofr-FRCSS Overlay Techniqueshttp://quentinpigne.github.io/developpement/frontend/css-scss/overlay-techniques/index.htmlMon, 01 Jan 0001 00:00:00 +0000http://quentinpigne.github.io/developpement/frontend/css-scss/overlay-techniques/index.htmlÉlément en position absolue <html> <body> <div class="overlay"></div> <body> <html> html, body { min-height: 100%; } body { position: relative; } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(0,0,0,0.5); /*dim the background*/ } Élément avec une position fixe Utilisation d’un pseudo élément Appliquer un grand contour à une modale Appliquer une grande ombre à une modale Utilisation de l’élément HTML <dialog> Références https://tympanus.net/codrops/2013/11/07/css-overlay-techniques/