我是
html5和
css3的新手.我上个月发布了我的第一个网站,现在我发现它在新的Chrome版本(22)中效果不佳：所有固定元素都不再固定…例如,屏幕顶部的导航栏.一个星期前它很好,我不知道为什么现在不是.

这是网站：
www.biofilter.co.il

据我所知,它在Firefox和IE中仍然可以正常工作.

有没有人知道发生了什么,可能是什么原因？

最佳答案 您的问题可能是由Chrome重新处理位置：固定元素处理z-index的堆叠造成的.对Chrome v22进行了更改,因此如果您在v21上构建并使用position：fixed,则可能会出现问题.

他们建议通过点击浏览器中的Chrome特殊URL：标记进行测试,并设置固定位置元素创建堆叠上下文.为真(对于v22)或为假(对于v21).

可以通过确保位置来修改CSS：固定元素正确堆叠.不幸的是,它有点复杂,所以建议你阅读这些以获得更好的解释：

> Stacking changes coming to position:fixed elements
> Elaborate description of Stacking Contexts