4

我是 html5 和 css3 的新手。我上个月发布了我的第一个网站,现在我发现它在新的 chrome 版本 (22) 中运行不佳:所有固定元素都不再固定...例如屏幕顶部的导航栏。一周前还好,我不知道为什么现在不行。这是网站:www.biofilter.co.il

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

有谁知道发生了什么,可能是什么原因?

4

1 回答 1

2

您的问题可能是由 Chrome 重新处理position:fixed元素处理. z-index进行了更改,Chrome v22因此如果您在 v21 上构建并使用position:fixed,您可能会遇到问题。

他们建议通过在浏览器中点击 Chrome 特殊 URL 进行测试about:flags,并将其设置Fixed position elements create stacking contexts.为 true(对于 v22+)或 false(对于 v21)。

通过确保position:fixed元素正确堆叠,可以重做 CSS。不幸的是,它有点复杂,所以建议您阅读这些以获得更好的解释:

于 2013-01-30T11:28:49.207 回答