Chrome位置:固定在内部位置:使用iframe /视频绝对打破

Question

我在我的一个网站上花了2个小时来处理这个疯狂的错误,这些错误包含了大量的内容,直到我知道是什么导致了这个问题; 在Chrome上,看起来位置:固定元素位于一个位置:绝对元素(具有z索引)不会像位置那样工作:固定元素会.

---

注- 只在Chrome浏览器窗口(未在Ubuntu).

---

我想发布这个问题和我的答案,以便其他人不会对Chrome感到沮丧,这是一个疯狂的错误.看演示:

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

Answer 1

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

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