这似乎是firefox(版本7.0.1)特有的错误,我已将违规代码复制到jsFiddle中。
但是jsFiddle不会重现这个BUG 。将jsFiddle中的代码复制到一个空白的html文档中并在本地测试以查看问题。
这是菜单项的正常状态,然后才能覆盖其中任何一个:
这是与鼠标悬停时的第一个sub_item:
第三个sub_item:
现在是最后一次:
#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上禁用了所有插件和扩展程序,它仍然存在。疯狂。
答案 0 :(得分:0)
虽然我不知道是什么导致了这个问题,但我找到了一个干净的解决方案:)
你能不能将绝对定位的div包装在这样的固定div中:http://jsfiddle.net/HelloJoe/JXWNj 来源: HelloJoe
他从上一个线程的解决方案是导致这个解决所有问题的原因。 :)