Navileiste soll sich beim scrollen verfärben

[Gunnar Bittersmann]

@@Camping_RIDER

Sieht dann so aus: CodePen

Da ist noch eine kleine Unzulänglichkeit

Da war noch eine große Unzulänglichkeit: Bei Tastaturnavigation zum Inhalt per Skip-Link war die Überschrift von der Navigation überdeckt. Habe main entsprechendes padding-top und header negativen margin-bottom verpasst.

imho - scroll mal so, dass der untere Rand des header-Bild halb über der Navigationsleiste liegt.

Ja, das ist mir bewusst.

Das liegt am z-index, mit dem das Pseudo-Element hinter dem header-Bild versteckt wird.

Das muss ja so.

Mir mag leider auf der Grundlage deines Pen grad auf die Schnelle kein einfacher fix dafür einfallen.

Ich hab das mal mittels background-position: left 100vh abgemildert – für manche Seitenverhältnisse. Wegen background-size: cover müsste man da noch etwas rumrechnen, damit immer die jeweilig sichtbare Unterkante des Hero-Bilds im Pseudoelement zu sehen ist.

LLAP 🖖