ausgeklapptes Menü verschwindet unter Text

[Rolf B]

Hallo Linuchs,

z-index wirkt auf Elemente, die einen Stacking Context erzeugen. Das geschieht beispielsweise durch position:relative. In basis.css:284 setzt Du das für <header> und <... class="main">.

(Nebenbemerkung: <div class="main"> möchte gerne <main> heißen).

Jedenfalls erzeugt diese Position-Angabe für header und .main einen Stacking-Context, und weil der Header vorher kommt, liegt .main in der natürlichen Ablageordnung der Dinge oben drüber. Ein z-index auf header genügt, um das zu ändern, anderswo ist er nicht nötig.

Allerdings sind Computer kleine Eulenspiegler. Sie tun immer exakt das, was Du ihnen sagst. Und was sagst Du dem Header in basis.css:285?

Rolf