css - Chrome 位置 :fixed inside position:absolute breaking with iframe/video

Question

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

---

注意 - 仅在 Chrome windows 上(不在 ubuntu 上)。

---

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

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

Answer 1

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

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