Gunnar Bittersmann: Strange Rendering-Bug im Firefox

Beitrag lesen

problematische Seite

@@Gunnar Bittersmann

Und vielleicht einen Hack, wie man die wegbekommt?

Setzen der Hintergrundfarbe main { background: var(--background-color) } macht die Linie weg.

main { background: inherit } tut’s auch.

Nö. Weder das Eine noch das Andere.

Damit ist die Linie zwischen sticky Navigation und scrollendem Seiteninhalt weg:

Screenshot

main {
	background: linear-gradient(
		to bottom,
		transparent calc(var(--header-height) + 1px),
		var(--background-color) 0 calc(var(--header-height) + 2px)
	) fixed;
}

Jetzt isses aber ein Würgaround.

Bin für bessere Vorschläge offen …

🖖 Живи довго і процвітай

--
When the power of love overcomes the love of power the world will know peace.
— Jimi Hendrix