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

Question

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

基本上我将闪光灯固定在页面的“后面”，并且我在页面上方固定了一个叠加层（视频控件）。

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

有什么想法吗？

编辑：我忘了在正确的位置提及叠加 ，并且它是可点击的，滚动时它在正确的位置不可见。< / p>

Answer 1

我认为这是Chrome中的错误/回归，并提交了错误报告（249235）。

解决方法是强制使用-webkit-transform: translateZ(0);（仅定位到Chrome）在GPU上渲染图层。