nicht angemeldet
Gunnar Bittersmann@@Rolf b
Wenn Du "ÜBER" Deine Seiten einen Trauerflor legen willst, dann wird das nicht gehen weil der dann in der z-order vor der Seite ist und alle User-Interaktionen abfängt.
Doch, das geht.
Das Pseudoelement html::after ist fixed zu positionieren und ihm das Hintergrundbild zu geben (was dann ein Vordergrundbild ist); background-size bei Bedarf auf cover bzw. contains zu setzen.
Damit man trotzdem durch das Bild durchclicken kann, ist unbedint pointer-events: none zu setzen. Und damit man die Seite auch in allen Browsern nutzen kann, ist die Browserunterstützung dafür abzufragen, das Ganze also in @supports(pointer-events: none) { } zu setzen.
Das Bild muss nicht den ganzen Viewport füllen; dann top, right, bottom, left entsprechend anpassen.
LLAP 🖖
“You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.” —Stefan Tilkov
Selfcode:
sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|
Rolf b