10

ここでは非常に基本的な例を示します。他の要素が次々にスタックされた固定ヘッダーがあり、単一の要素が を使用して変換され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 を使用すると解決されますが、それは探しているものではありません。

4

1 に答える 1