为什么css translate3d变换表现为相对定位元素?

时间:2017-05-18 09:14:10

标签: css-position absolute relative translate3d

在下面的小提琴中,<a>标记LOGO绝对位于layoutDiv div中,其中-webkit-transform: translate3d(0,0,0); css通过'modern'类应用。

https://jsfiddle.net/gurumvg/ubj98j6d/4/

虽然layoutDiv div没有“相对”位置,但<a>标记LOGO绝对位于w.r.t layoutDiv div而不是BODY节点。想知道为什么-webkit-transform: translate3d(0,0,0);样式将其定位为相对。

欣赏任何见解。

1 个答案:

答案 0 :(得分:0)

这是因为变换根据W3C spec

创建了一个新的局部坐标系