WebKit的：是否有任何CSS技巧带来元素前而无需缩放？(WebKit: Is there any

从图片中，我使用ROTATE3D（），以红色矩形所以它的一半是黑色矩形的前部，另一落后。

我想黑色矩形是红色矩形的前面，因此我必须使用translateZ（），所以它成为

问题是，我想黑色矩形而无需缩放是前。 我想黑色矩形仍然是相同的大小。 有什么诀窍？ 我试着z索引，但没有奏效。 我想这是因为我使用ROTATE3D（）。

提前致谢。

Answer 1:

我没有在目前测试它在进入Safari浏览器，所以我留给你（让我知道如果它的工作原理），但我相信下面的应该工作。

由于浏览器解释-webkit-perspective似乎是这个问题我在回答这个问题指出 ，从删除它#container ，取而代之的是-webkit-transform: perspective(500)然后添加同样的事情（ -webkit-transform: perspective(500)同时#parent和#parent2这是我做了这个小提琴 。

这个问题似乎是Safari不透视适用于#container使用时-webkit-perspective ，而Chrome并。 这似乎是该规范的解读的问题，正如我刚才回答讨论其他问题 。

文章来源: WebKit: Is there any css trick to bring elements to front without scaling it?