固定位置固定在Chrome中,后面有Flash

Question

我有一个奇怪的错误,最近开始在Chrome中发生(在IE,FF甚至Safari中工作正常).这是几个星期前的工作,所以我假设这是最近Chrome版本中出现的错误.

基本上我将闪光灯固定在页面的"后面",并且我在页面上方有一个覆盖层(视频控件).

我知道Chrome 22包含固定元素的单独堆叠上下文,但几周之前就已经开始工作了,我们现在使用的是Chrome 27,所以这似乎并不相关.我也对这两个元素都有一个zindex.

有任何想法吗？

编辑:我忘了提叠加是在正确的地方,它是可点击,滚动时它只是没有在正确的位置可见.

Answer 1

我相信这是Chrome中的错误/回归,并提交了错误报告(249235).

解决方法是强制在GPU上渲染图层-webkit-transform: translateZ(0);(仅针对Chrome).