位置:修正无法在Chrome 22个(position:fixed not working in c

2019-09-23 16:46发布

我是新与HTML5和CSS3。 我上个月发布我的第一个网站,现在我发现,它不是在新的Chrome版本(22)正常工作:所有这些固定件不再固定...导航栏上的屏幕,例如顶部。 这是罚款只是一个星期前,我不知道为什么现在不是。 这是网站: www.biofilter.co.il

据我所知,它仍然在Firefox和IE浏览器工作正常。

有没有人有一个想法是怎么回事,可能是什么原因?

Answer 1:

你的问题很可能是由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元件被正确地叠加。 不幸的是,这是一个有点复杂,所以建议你阅读这些更好的解释:

  • 堆叠来位置的变化:固定元件
  • 堆叠内容的详尽的描述


文章来源: position:fixed not working in chrome 22