IE6和IE7菜单显示：带填充的块不允许完整选择

Question

我正在为一个客户工作一个网站，一切都在IE8 +和其他一切（Windows和Mac）下完美运行。

http://www.cirkut.net/wp/libertyguide/

如果您使用的不是IE6和IE7，您将看到可以将鼠标悬停在菜单的任何部分上以激活菜单/点击按钮。这需要能够访问IE6和IE7中的下拉菜单。

如果这只是在IE6中，我不会那么在意，但是随着IE7在市场上更加合规且占据主导地位，我需要这个工作，如果修复工作适用于两者，那么，如果没有，那么IE7将很好地作为修复。

详细说明：

• 运行Wordpress 3.1.3
• 开始使用Starkers主题（从那里编辑）
• 使用Wordpress菜单，所以没有异常
• 使用IE8.js（http://code.google.com/p/ie7-js/），但只修复了一些IE6菜单问题（没有此JS的IE6中的水平菜单）

其他信息：

• 我尝试在链接中添加顶部和底部填充，但它不会对实际的选择框模型执行任何操作（因此我现在没有顶部和底部填充）。
• 我想知道我的下拉菜单是否设置奇怪或不正确。

编辑（更多信息）： 问题是，如果你检查铬或类似，主水平菜单工作正常。您不必将鼠标悬停在文本上以允许链接可点击。但是，在IE6和IE7中，这是不一样的。在IE6和IE7中，您必须将鼠标悬停在实际文本上才能显示下拉菜单。

无论如何，如果有人能够提供一些见解，那将非常感激。

谢谢！

Answer 1

#nav_wrap ul.sub-menu li:hover > .sub-menu

不确定IE6和IE7是否能够支持直接子选择器>。可能这是原因。

试试这个

#nav_wrap ul.sub-menu li:hover .sub-menu

Answer 2

如果您在IE中使用开发人员工具，那么您将看到有两组样式....

#nav_wrap ul.menu > li a  and #nav_wrap ul.menu > li > a

这就是我解决问题的方法： - 如果我取消选中/删除#nav_wrap ul.menu > li > a中的所有样式 - 从position:relative

中删除height:40px和#nav_wrap ul.menu > li a

我不确定您是否需要这些类但是执行上述操作会使整个块可以单击，而不是仅仅使用IE7中的文本。我还没有在IE6中测试过。