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_ -- sumpsi - posui - obstruxi

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_ -- sumpsi - posui - obstruxi

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_ -- sumpsi - posui - obstruxi