Chrome 位置：固定内部位置：与 iframe / 视频绝对中断答案

【问题标题】：Chrome position:fixed inside position:absolute breaking with iframe / videoChrome 位置：固定内部位置：与 iframe / 视频绝对中断
【发布时间】：2013-06-08 17:37:29
【问题描述】：

我花了 2 个小时来解决我的一个网站上的这个疯狂的错误，该网站有大量的内容，直到我弄清楚是什么导致了这个问题；在 Chrome 上，position:absolute 元素（具有 z-index）内的 position:fixed 元素似乎不会像 position:fixed strong> 元素会。

注意 - Chrome 窗口 仅（不在 ubuntu 上）。

我想发布这个问题和我的答案，这样其他人就不会对 Chrome 感到沮丧，这是疯狂的错误。见演示：

测试页：http://jsbin.com/uhuzoy/2/edit

【问题讨论】：

标签： css

【解决方案1】：

FIX：将这些规则添加到position:fixed 元素：

-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);

【讨论】：

不幸的是，此修复程序并不通用。就我而言，它不能解决问题。
我认为谷歌已经改变了一些东西，这在某些情况下可能不再适用。我今天遇到了一个问题，但没有解决，我感到非常惊讶，因为到目前为止，只要发生闪烁异常，此修复程序 100% 的时间都有效。
注意 - 如果绝对父级有平移，则固定元素将基于父级坐标，而不是视口。