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
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.
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!