根据这个http://jsfiddle.net/4ESUW/3/示例，我正在尝试调整 Z 轴位置，translateZ()但它的行为很奇怪。
我不想使用preserve-3d，因为它会影响 div 位置，我需要它来进行进一步的交互。
任何人都有想法或线索如何在translateZ()没有的情况下使用preserve-3d
我在 Chrome 版本 19.0.1084.56 上运行此示例。不幸的是，它似乎也不适用于 Firefox。
问问题
407 次
1 回答
0
在我看来，你在你的陈述中自相矛盾：你想使用翻译但不想影响 div 的位置？？？
尽管如此，它也不能没有preserve-3d，因为transform-style属性的定义是子元素是存在于它们自己的 3d 空间 ( preserve-3d) 中还是被展平并被限制在父元素 ( transform-style:flat)的平面上默认（不可继承）值。
所以如果你想使用任何涉及 z 轴的变换（例如 translateZ 和 rotateX/Y），你总是必须设置transform-style:preserve-3d. 否则，它们将绑定到其父元素的 z 平面。
有关更多信息，请查看MDN 文章。
于 2013-02-15T10:03:57.930 回答