我是html5和css3的新手。我上个月发布了我的第一个网站，现在我发现它在新的Chrome版本（22）中效果不佳：所有固定元素都不再固定...例如，屏幕顶部的导航栏。一个星期前它很好，我不知道为什么现在不是。 这是网站：www.biofilter.co.il
据我所知，它在Firefox和IE中仍能正常运行。
有没有人知道发生了什么，可能是什么原因？
答案 0 :(得分：2)
您的问题可能是由Chrome重新处理position:fixed元素处理z-index的堆叠的方式造成的。对Chrome v22进行了更改，因此如果您在v21上构建并使用position:fixed，则可能会出现问题。
他们建议通过在浏览器中点击Chrome特殊网址about:flags进行测试，并将Fixed position elements create stacking contexts.设置为true（针对v22 +）或将其设置为false（针对v21）。
通过确保position:fixed元素正确堆叠，可以重新编写CSS。不幸的是，它有点复杂，所以建议你阅读这些以获得更好的解释：