【问题标题】: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(){...这里的代码})
  • 谢谢!逗号做到了!我刚刚添加了它,一切都很好。我应该接受你的评论,但只能回答。
猜你喜欢
  • 2021-05-21
  • 2011-08-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-06-02
  • 1970-01-01
相关资源
最近更新 更多