我是新与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
,你可能有问题。
他们通过点击浏览器特殊的URL建议测试about:flags
在浏览器中,并设置Fixed position elements create stacking contexts.
为true(对于V22 +)或假(为V21)。
这是可能的返工,确保你的CSS position:fixed
元件被正确地叠加。 不幸的是,这是一个有点复杂,所以建议你阅读这些更好的解释: