我在最后一天遇到了一个非常恼人的错误。
我在这里复制了这个错误:http://jsfiddle.net/kmz9tv77/1/
有一个container
div,有两个孩子,bgpanel
红色背景div带文字背景,fgpanel
紫色背景div带文字前景,不透明度为0.5。
容器div的perspective
值为1px,bgpanel
为translateZ(-1px)
,然后按2缩放,以保持感知大小相同。
fgpanel就是这样。
这个想法是在滚动时产生视差效果。 bgpanel
div将移动得更慢,而fgpanel
将以相同的速度移动。
在Chrome上,这非常有效。在Safari上也是如此。在Firefox上,在滚动的中间,更远的层bgpanel
突然决定消失。如果我通过转到元素检查器并在bgpanel上打开和关闭top
属性来强制firefox进行重新绘制,那么事情会再次有效,但如果向下滚动一点,bgpanel
会再次关闭
发生了什么?!我错过了一些基本的东西吗?救命啊!