请查看: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
答案 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,而不是使用绝对定位
的列表