ここでは非常に基本的な例を示します。他の要素が次々にスタックされた固定ヘッダーがあり、単一の要素が を使用して変換されtransform: rotate(360deg)
ます。
したがって、ページがスクロールされると、変換された要素のみが固定バーを超えますが、他の要素はそうではありません。問題は、変換された要素にデフォルトがありますz-index
か?
使用
z-index: -1;
する.transform_me
と正常に動作します
CSS
.fixed {
height: 30px;
background: #f00;
position: fixed;
width: 100%;
top: 0;
}
.transform_me {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
span {
display: block;
height: 100px;
}
注:
z-index: 999;
固定 div に say を使用すると解決されますが、それは探しているものではありません。