Strange Rendering-Bug im Firefox

[Gunnar Bittersmann]

@@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:

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 …

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