6

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

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

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

编者注

此问题中www.okadadesign.no用于演示该问题的链接已被删除,因为它不再可访问。

4

3 回答 3

19

我通过添加以下内容修复了 IE7 和 IE6 的 z-index 问题: position: relative; 和 z-index:10000; 到包含(sf-menu)的主要#nav div,工作就完成了。

于 2010-12-29T18:03:58.173 回答
6

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

使用hoverIntent也可能有所帮助。superfish页面上有关于的详细信息。

于 2009-07-02T11:48:49.003 回答
1

它也可能像没有在 .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);
于 2011-06-14T19:01:07.027 回答