在Firefox 7.0.1固定定位的错误,有些溢出似乎导致在固定的div 1px的保证金(Fixe

2019-10-28 17:56发布

这似乎是具体到Firefox(7.0.1版本)中的错误,我抄了违规代码到的jsfiddle。

但的jsfiddle不会重现的bug。 从的jsfiddle将代码复制到空白的HTML文档,并在当地进行测试,看看问题。

http://jsfiddle.net/kCMeu/1/

这是菜单项的你之前的正常状态超过了任何人的:

这是室内用时,将鼠标悬停在第一个分项目:

而第三个分项目:

现在最后:

说白了保证金从哪儿来绕#global_nav_box DIV? 它只会显示在最后一个子项的悬停状态。

这是我不能(方便)修正错误。

我发现修补程序是: 设置body标签“的margin-top:0像素” -但留在页面的左侧和右侧难看的保证金。 卸下“的z-index”属性从CSS的#global_nav_box -我想我固定它,直到下面的所有网页上的内容在滚动div时您滚动页面上。

那么它为什么要这样做呢? 你可以在Firefox复制呢? 我怎样才能解决这个问题?

提前致谢。


更新:Ive有我的一些朋友进行测试,它(错误)显示了一些,而不是为别人,我还测试了在Windows XP模式,它(错误)仍然没有露面。 我所有的测试者在运行Windows 7和Firefox 7.0.1。

我已经停用我安装Firefox的和仍然存在的所有插件和扩展。 疯。

Answer 1:

虽然我不知道是什么原因导致这个问题我已经找到了它一个干净的解决方案:)

你能不换的绝对定位的div在一个固定的div像这样: http://jsfiddle.net/HelloJoe/JXWNj 来源:HelloJoe

他从上线,这是这一个固定的一切事业的解决方案。 :)



文章来源: Fixed positioning bug in Firefox 7.0.1, some overflow seems to cause 1px margin on fixed div