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;
|
position: sticky;
|
||||||
top: 0;
|
top: 0;
|
||||||
z-index: 50;
|
z-index: 50;
|
||||||
background: rgba(11,13,16,.82);
|
/* Kräftig deckend statt Weichzeichnen durch das Bild dahinter — die
|
||||||
backdrop-filter: blur(10px);
|
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);
|
border-bottom: 1px solid var(--border);
|
||||||
}
|
}
|
||||||
.nav-bar {
|
.nav-bar {
|
||||||
|
|||||||
Reference in New Issue
Block a user