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

Question

我在我的一个内容量很大的网站上花了 2 个小时来解决这个疯狂的错误，直到我弄清楚是什么导致了这个问题；在 Chrome 上，位置：绝对元素（具有 z-index）内的位置：固定元素似乎不会像位置：固定元素那样工作。

---

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

---

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

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

Answer 1

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

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