修复了Firefox 7.0.1中的定位错误,一些溢出似乎导致固定div上的1px余量

时间:2011-10-30 06:13:20

标签: css position html

这似乎是firefox(版本7.0.1)特有的错误,我已将违规代码复制到jsFiddle中。

但是jsFiddle不会重现这个BUG 。将jsFiddle中的代码复制到一个空白的html文档中并在本地测试以查看问题。

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

这是菜单项的正常状态,然后才能覆盖其中任何一个:

enter image description here

这是与鼠标悬停时的第一个sub_item:

enter image description here

第三个sub_item:

enter image description here

现在是最后一次:

enter image description here

#global_nav_box div周围的白边是从哪里来的?它只显示最后一个子项的悬停状态。

这是我无法(方便地)修复的错误。

我发现的修正是: 设置正文标记'margin-top:0px' - 但会在页面的左侧和右侧留下难看的边距。 从#global_nav_box的CSS中删除'z-index'属性 - 我以为我已经修复了它,直到你在页面上滚动时,下面页面上的所有内容都滚过了div。 / p>

那么为什么会这样呢?你能在Firefox上复制这个吗?我该如何解决?

提前致谢。


更新:我已经让我的一些朋友测试它了(它的bug)出现了一些而不是其他人,我也在Windows XP模式下测试过它(bug)仍然没有显示出来。我的所有测试人员都运行Windows 7和Firefox 7.0.1。

我已经在我安装的Firefox上禁用了所有插件和扩展程序,它仍然存在。疯狂。

1 个答案:

答案 0 :(得分:0)

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

  

你能不能将绝对定位的div包装在这样的固定div中:http://jsfiddle.net/HelloJoe/JXWNj   来源: HelloJoe

他从上一个线程的解决方案是导致这个解决所有问题的原因。 :)