Fix: backdrop-filter auf der Kopfzeile entfernt
Bestaetigt in Chrome UND Edge (headless): backdrop-filter:blur() auf der sticky-positionierten Kopfzeile fuehrte dazu, dass Logo und Menue-Knopf bei schmaler Fensterbreite unsichtbar gerendert wurden (bestaetigt durch Debug-Umrandungen und durch Deaktivieren des Filters, wonach der Inhalt wieder auftauchte). Jetzt deckende Hintergrundfarbe ohne Weichzeichner. Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
+5
-2
@@ -101,8 +101,11 @@ header.site-header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 50;
|
||||
background: rgba(11,13,16,.82);
|
||||
backdrop-filter: blur(10px);
|
||||
/* Kräftig deckend statt Weichzeichnen durch das Bild dahinter — die
|
||||
Kombination aus backdrop-filter + fest positionierter Kopfzeile führte
|
||||
bei Chromium-Rendern zu Darstellungsfehlern (Logo/Menü teils unsichtbar).
|
||||
Deckende Farbe braucht keinen Weichzeichner und ist zusätzlich schneller. */
|
||||
background: var(--bg);
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
.nav-bar {
|
||||
|
||||
Reference in New Issue
Block a user