2016-11-02 15 views
3

それについてのもう1つの質問ですが、私はまったく同じ問題をSOで見つけていません。Cssトランスフォーム+ Zインデックス問題

私は、翻訳された要素の子のZ-インデックス位置を保持しようとします。 こちらの問題を参照してください:http://codepen.io/anon/pen/XjvLoW?editors=0100

divからtransform: translateX(30%);という行をコメントすると、z-indexが再び機能します。

これまでのところ、私はtranslate3d()を再レンダリングするか、または反対のtransform-style: flat;と多くの他のものを運にすることを試みました。

p要素を(親ではなく)内部で翻訳することで問題を解決できることはわかっていますが、実際の複雑なコンテキストではそれを解決できません。 誰かが私に良いヒントを与えることができますか?

ありがとうございました!このdiv要素は私が:before背景の後ろになりたい他の要素を含んでいるので

[EDIT]

私はdiv要素上のzインデックスを設定することはできません、それは私が欲しいものではありません。

左からコンテンツをプッシュするスライディングペインのコンテキストでは、私はオーバーレイの上にペインだけを置こうとします。右側のコンテンツには含まれていません。

ここで私はより良い自分の問題を反映するためにcodepenを更新しました:http://codepen.io/anon/pen/BQBBoy?editors=0100

答えて

0

は...

あなたがposition: relative;を与えられたので、それがスタックします、ただdiv要素にz-index: 0;を与えるいつものようにあなたのコードを使用し、これを試してみてください要素を指定します。

codepen

+0

正しく、質問を洗練させてください – antoni

関連する問題