没有将鼠标悬停在 ie/jquery 中的文本上答案

【问题标题】：no hover over text in ie/jquery没有将鼠标悬停在 ie/jquery 中的文本上
【发布时间】：2012-03-21 09:36:30
【问题描述】：

请看：http://bestdesign.com.pl/klienci/tasta/strona/

在幻灯片下方有 4 个带有悬停的 div，应该在幻灯片上显示菜单。

问题出在 Internet Explorer 9 中，在空白处悬停但文本悬停不起作用。

它是使用 jquery 制作的。

我尝试使用 z-indexes 但无济于事。我该如何解决？

JS：https://gist.github.com/3379e19f4640b0d70300 CSS：https://gist.github.com/0ab86ed7656458377f98

【问题讨论】：

如果您需要帮助，请向我们展示您的代码
在此处发布代码或jsfiddle.net 并发送链接
这太复杂了，无法将其从页面中撕下来并发布。我可以将 css/js 发送给您，但您必须查看实时页面
同意以上观点。请在jsfiddle.net中只放相关代码，这样我们就可以玩了，不需要自己设置。
谢谢伙计们，你是对的，你的方法肯定会解决这个问题。

标签： jquery internet-explorer hover

【解决方案1】：

我无法对此进行测试。如果能提供代码就更好了。但是我注意到您将菜单放在绝对位置的 block-menu-block-3 中。以及在另一个块“block-block-7”中导致问题的文本。

你有没有试过改变它

('#block-menu-block-3 li.menu-mlid-1146').hover(function(){j('#block-menu-block-3 li.menu-mlid-1146 a').show();
j('#block-menu-block-3 li.menu-mlid-1146 ul').show();})

到

('.maintabs.tab-1').hover(function(){j('#block-menu-block-3 li.menu-mlid-1146 a').show();
j('#block-menu-block-3 li.menu-mlid-1146 ul').show();})

这样，您将直接使用文本定位 div，而不是使用绝对定位的列表

【讨论】：

是的，但是如果您将鼠标悬停在另一个 div 的菜单上，它将消失....
我正在努力记住，但你可以这样做 $('#block-menu-block-3 li.menu-mlid-1146, .maintabs.tab-1').hover (function(){...这里的代码})
谢谢！逗号做到了！我刚刚添加了它，一切都很好。我应该接受你的评论，但只能回答。