Chrome浏览器中的Flash位置已被修正 [英] Position Fixed Broken in Chrome with Flash behind

问题描述

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

基本上我已经修复flash后面的页面，我有一个覆盖固定在页面上方（控制视频）。

我知道Chrome 22包含固定元素的单独堆叠上下文，但这是工作几个星期以前，我们现在在Chrome 27上，所以看起来并不相关。

有什么想法？

编辑 ：我忘了在正确的地方提到overlay 是，它是可点击的，滚动时在正确的位置不可见。

/ detail？id = 249235rel =nofollow noreferrer> 249235 ）。

解决方法是强制图层在GPU上呈现 -webkit-transform：translateZ（0）; （仅针对Chrome）。

I have a strange bug that recently started happening in Chrome (works fine in IE, FF and even Safari). This was working a few weeks ago, so I am assuming this is a bug that came about in a recent Chrome build.

Basically I have flash fixed "behind" the page, and I have an overlay fixed above the page (controls for video).

I know Chrome 22 included separate stacking contexts for fixed elements, but this was working a few weeks ago and we are on Chrome 27 now, so that does not seem to be relevant. I have a zindex on both elements too.

Any ideas?

Edit: I forgot to mention the overlay is in the correct place, and it is clickable, it is just not visible in the correct place when you scroll.

解决方案

I believe this is a bug/regression in Chrome and have submitted a bug report (249235).

A workaround is to force the layer to be rendered on the GPU with -webkit-transform: translateZ(0); (targeted only to Chrome).

这篇关于Chrome浏览器中的Flash位置已被修正的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！