z-index和translateZ关系

时间:2016-11-03 12:30:18

标签: css dom safari z-index

我有两个绝对定位的div。 A位于B之上(基于dom顺序,但也可以使用z-index完成)。

在A里面,有多个div,有一个z顺序,基于translateZ(因为我想要透视,我正在旋转divs - 用rotateX等)。 我想topdiv有translateZ:0,所以另一个div需要有一个负的translateZ(我想这样做,保持topdiv锐利),他们也有一个translateX和translateY,所以它看起来像一个堆栈。

所有div都需要可见。在Firefox和Chrome中,这是有效的,但在Safari中,所有带有负变换Z的东西都属于普通(div B)元素,因此变得不可见。 出于尖锐的原因,我不想给B一个负面的翻译。

实时原型:http://projects.innouveau.com/ventu/2.0/application.html (B =谷歌地图,A中的div是卡片,您可以拖动,以查看旋转)

0 个答案:

没有答案