带有jQuery Superfish菜单插件的IE7中的Z索引问题

Question

我需要修改jQuery Superfish菜单插件以适应使用图像作为菜单。

在Om oss和Medieomtale下有子菜单。我为此菜单使用了精灵图片。

它与IE8，FF等兼容。但是IE7在显示子菜单时存在问题。它显示了子菜单，但是当我尝试在子菜单中导航时，它会淡出。

编者注

此问题中与www.okadadesign.no的链接，以证明此问题已删除，因为不再可用。

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);