Question

我需要修改jquery superfish菜单插件以适应菜单的图像。请看一下这个演示。 http://www.okadadesign.no/vitaveritas/

Om oss和Medieomtale下有子菜单。我在这个菜单上使用了精灵图像。

它适用于IE8，FF等。但IE7有一个问题显示子菜单。它显示了子菜单，但是当我尝试在子菜单中导航时，它会淡出。

有人可以帮我解决这个问题吗？

提前致谢。

Answer 1

通过添加：position：relative;修复了IE7和IE6的z-index问题。和z-index：10000;到包含（sf-menu）的主#nav div并完成了工作。

Answer 2

我总是不得不在.sf-menu li li上放一个z-index来让子菜单显示在ie6 / 7中。

使用hoverIntent也可能有所帮助。有关superfish page的详细信息。

Answer 3

它也可能是愚蠢的，因为没有在.sf_menu li ul上指定“背景”。我使用的是渐变（IE中的过滤器）并没有指定原始背景颜色。

  background: #F3F3F3; /* required for IE to retain hover state */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F3F3', endColorstr='#D8D8D8');
  background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#D8D8D8));
  background: -moz-linear-gradient(top,  #F3F3F3,  #D8D8D8);

使用jquery superfish菜单插件的IE7中的Z-index问题

3 个答案: