不要将鼠标悬停在ie / jquery中的文本上

时间:2012-03-21 09:36:30

标签: jquery internet-explorer hover

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

在幻灯片下面有4个带有悬停的div,它们应该在幻灯片上显示菜单。

问题出在Internet Explorer 9中,其中悬停在空白区域但文本悬停不起作用。

使用jquery制作。

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

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

1 个答案:

答案 0 :(得分: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,而不是使用绝对定位

的列表