使用webkit / gecko / blink转换translate3d渲染顺序

时间:2014-11-05 16:07:25

标签: css3 webkit gecko blink

我遇到了问题。

我正在使用视差插件(https://github.com/wagerfield/parallax)并尝试将交互式弹出窗口放在场景的各个层中。这些弹出窗口必须在视差上下文中相对于各自的图层具有位置,但它们必须在其他所有图层上呈现。

我在使用chrome时没有遇到任何问题:wagerfield的parallax插件在每一层上设置了translate3d属性,而z轴始终保持为0px。所以我只需将其添加到我的弹出窗口中:

transform: translate3d(0px,0px,1px);

适用于Chrome:弹出窗口位于图层上方。但是,在Safari和Firefox上,没有任何变化。

我知道如何在Chrome以外的浏览器上实现这一目标吗?

0 个答案:

没有答案