0

我试图让这个菜单在 IE7 中工作。除了这个,我已经解决了所有的错误。当您悬停一个列表项时,弹出的抽屉内的 UL 不会正确浮动。如果您查看 Chrome 中的页面,这就是我之前设置 CSS 的方式(显示内联块等)。那也不起作用,所以我尝试将它们向左浮动。

向左浮动解决了我在每个 li 左侧有额外文本缩进的问题,但 ul 仍然无法正确浮动。

有没有人有任何想法?

http://playground.willpracht.net/megaMenu.html

4

1 回答 1

0

重做代码以尽可能多地删除 > 选择器。他们让一切变得更难处理。这就像给所有东西一个 id,并使覆盖的东西越来越长。老实说,我将有子 div 而不仅仅是菜单,因为您使第一个 li 看起来像标题,但在语义上使它们与所有其他链接没有什么不同。内部带有链接的实际标题更具语义意义。例如,有一个称为工具的链接,然后其余的同级链接是...工具。

无论如何,当漂浮的东西,看看你的宽度。我看到很多元素根本没有声明宽度。在 IE 中,对于浮点数,这很重要。我会设置子 div 的宽度(如果需要,它们可以在 em 中),然后设置内部浮动 ul 子项的宽度。它们的组合宽度不应等于 100%。例如,如果一个 div 是 140px 宽,不要尝试在每个宽度为 70px 的两个浮动 ul 中,即使这应该适合,并且在大多数浏览器中都可以。

如果你想看的话,我有一些超级菜单的例子,但是已经有很多了,我不相信我有一个在子菜单中带有浮动 ul 的菜单。

于 2012-08-06T19:25:08.990 回答