Anzeigeproblem mit Transform

[hpd]

Hallo,

ich habe ein kleines Problem mit der CSS Eigenschaft Transform: Rotate.

Die mit der Eigenschaft Transform ausgezeichneten Elemente überlagern die POSITION: Fixed Elemente.
Das scheint auch so richtig zu sein, allerdings suche ich nach einer Möglichkeit, dieses Verhalten abzuschalten. Gibt es da etwas?

Hier ist ein Beispiel: https://codepen.io/hpd/pen/QgdOxW

 

[threadi]

Verwende doch relative Positionierung dafür. Dem roten Balken müsstest Du dann

position: relative;
z-index: 2;

geben, der blauen Box

position: relative;
z-index: 1;

Bei meinem Test eben funktionierte das einwandfrei.

 

[hpd]

Vielen Dank für die Antwort, der Eintrag z-index macht den Unterschied:). Da kann der rote Balken auch sein FIXED behalten. Je höher der z-index Wert, umso "näher" beim Betrachter. Super!