css 3d变换和zindex战斗

Question

我有两个<div>相互重叠的元素,如:

 -------------
 |           |
 |     A     |
 |           |
 |   ------------
 |   |          |
 |   |          |
 ----|     B    |
     |          |
     ------------

所以我在A之后将B添加到DOM里面.内部div有一些其他html元素(图像)我应用css3d变换,但是当我这样做时它们也出现在div B的前面,我总是希望div B高于div A及其所有内容.我尝试在两个div元素上设置z-index属性,但是A中的3d变换项仍然呈现在div B的ontop上.

任何方式总是让B出现在A面前,它的内容是什么？

谢谢马克.

Answer 1

它有效： http: //jsfiddle.net/qkLWH/1/