2011-02-04 16 views
5

のように私は、お互いに重なり合う2つの<div>の要素を持っていますcss3dの変換を適用しますが、これを行うとdivのinfrontにも表示されますが、私はdivのBがdivのAとそのすべてのコンテンツよりも高くなるようにします。私は両方のdiv要素にz-indexプロパティを設定しようとしましたが、Aの3d変換された項目はまだdivのBのontopをレンダリングします。CSS 3DトランスフォームとのZIndex戦い

いつもBをAの正面に表示する方法はありますか?

ありがとう マーク。

+0

それはおそらく何かにしています変換自体を行うA divのZ-indexルールに重要な設定を試すことができます。子供たちは継承します。 – Kyle

答えて

0

それは動作します:http://jsfiddle.net/qkLWH/1/

+0

このように、BはAの子として置かれます(OPのDOM構造とは異なります)。 –

1

あなたは要素のz-indexは、3D変換のdiv要素に対して動作する必要がある場合、あなたはcodepenに-webkit-transform: translateZ(0px);

スニペットでそれのスタイルを持っている - >http://codepen.io/mrmoje/pen/yLIul

関連する問題