我是 html5 和 css3 的新手。我上个月发布了我的第一个网站,现在我发现它在新的 chrome 版本 (22) 中运行不佳:所有固定元素都不再固定...例如屏幕顶部的导航栏。一周前还好,我不知道为什么现在不行。这是网站:www.biofilter.co.il
据我所知,它在 Firefox 和 IE 中仍然可以正常工作。
有谁知道发生了什么,可能是什么原因?
我是 html5 和 css3 的新手。我上个月发布了我的第一个网站,现在我发现它在新的 chrome 版本 (22) 中运行不佳:所有固定元素都不再固定...例如屏幕顶部的导航栏。一周前还好,我不知道为什么现在不行。这是网站:www.biofilter.co.il
据我所知,它在 Firefox 和 IE 中仍然可以正常工作。
有谁知道发生了什么,可能是什么原因?
您的问题可能是由 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。不幸的是,它有点复杂,所以建议您阅读这些以获得更好的解释: