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

时间:2013-06-12 14:40:12

标签: css

我在我的一个网站上花了2个小时来处理这个疯狂的错误,这些错误包含了大量的内容,直到我找出导致问题的原因;在Chrome上,位置:绝对元素(具有z-index)内的 position:fixed 元素似乎不会像位置那样工作:已修复元素会。

<小时/> 注意 - Chrome窗口上的(不在ubuntu上)。
我想发布这个问题和我的答案,以便其他人不会对Chrome感到沮丧,这是一个疯狂的错误。见演示:

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

1 个答案:

答案 0 :(得分:38)

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

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