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中的水平菜单)H 210F 211

其他资料：

我尝试在链接中添加顶部和底部填充，但是它不会对实际的选择框模型做任何事情(因此，我现在没有自上而下的padding).

• I'm，不知道是否设置了奇怪的下拉菜单或incorrectly.

。)

编辑(更多信息)：问题是，如果您签入铬或类似，主水平菜单工作正常。您不必在文本上悬停以允许单击链接。然而，在IE6和IE7中，这是不一样的。在IE6和IE7中，您必须悬停在实际文本上，才能使下拉菜单出现。

无论如何，如果有人能提供一些洞察力，我将不胜感激。

谢谢!

Answer 1

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

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

这就是我为解决这个问题所做的工作：-如果我取消/删除#nav_wrap ul.menu > li > a中的所有样式-从#nav_wrap ul.menu > li a中删除position:relative和height:40px

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

Answer 2

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

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

试着像这样

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