Firefox CSS3视差:Z翻译内容消失

时间:2014-11-26 11:38:09

标签: css css3 firefox parallax

我在最后一天遇到了一个非常恼人的错误。

我在这里复制了这个错误:http://jsfiddle.net/kmz9tv77/1/

有一个container div,有两个孩子,bgpanel红色背景div带文字背景,fgpanel紫色背景div带文字前景,不透明度为0.5。

容器div的perspective值为1px,bgpaneltranslateZ(-1px),然后按2缩放,以保持感知大小相同。 fgpanel就是这样。

这个想法是在滚动时产生视差效果。 bgpanel div将移动得更慢,而fgpanel将以相同的速度移动。

在Chrome上,这非常有效。在Safari上也是如此。在Firefox上,在滚动的中间,更远的层bgpanel突然决定消失。如果我通过转到元素检查器并在bgpanel上打开和关闭top属性来强制firefox进行重新绘制,那么事情会再次有效,但如果向下滚动一点,bgpanel会再次关闭

发生了什么?!我错过了一些基本的东西吗?救命啊!

0 个答案:

没有答案