I needed to modify jquery superfish menu plugin to accomodate using image for the menu. Please have a look at this demo. http://www.okadadesign.no/vitaveritas/.
我需要修改jquery superfish菜单插件以适应菜单的图像。请看一下这个演示。 http://www.okadadesign.no/vitaveritas/。
There are submenus under Om oss and Medieomtale. I used sprites images for this menu.
Om oss和Medieomtale下有子菜单。我在这个菜单上使用了sprite图像。
It works fine with IE8, FF etc. However IE7 has a problem to show submenus. It shows the submenu but when I try to navigate in the submenu, it fades out.
它适用于IE8,FF等。但IE7有一个问题显示子菜单。它显示子菜单,但是当我尝试在子菜单中导航时,它会淡出。
Can anyone help me out to fix this problem?
任何人都可以帮我解决这个问题吗?
Thanks in advance.
提前致谢。
3 个解决方案
#1
I fixed the z-index problem for IE7 and IE6 by adding: position: relative; and z-index:10000; to the main #nav div that contains the (sf-menu) and the job was done.
我通过添加:position:relative修复了IE7和IE6的z-index问题;和z-index:10000;到包含(sf-menu)的主#nav div并完成了工作。
#2
I've always had to put a z-index on .sf-menu li li to get the sub-menus to show up in ie6/7.
我总是不得不在.sf-menu li li上放一个z-index来让子菜单显示在ie6 / 7中。
Using hoverIntent might help too. There are details about on the superfish page.
使用hoverIntent也可能有所帮助。有关superfish页面的详细信息。
#3
It also might be something as stupid as not specifying a "background" on .sf_menu li ul. I was using a gradient (filter in IE) and didn't specify the original background color.
它也可能是愚蠢的,因为没有在.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);
#1
I fixed the z-index problem for IE7 and IE6 by adding: position: relative; and z-index:10000; to the main #nav div that contains the (sf-menu) and the job was done.
我通过添加:position:relative修复了IE7和IE6的z-index问题;和z-index:10000;到包含(sf-menu)的主#nav div并完成了工作。
#2
I've always had to put a z-index on .sf-menu li li to get the sub-menus to show up in ie6/7.
我总是不得不在.sf-menu li li上放一个z-index来让子菜单显示在ie6 / 7中。
Using hoverIntent might help too. There are details about on the superfish page.
使用hoverIntent也可能有所帮助。有关superfish页面的详细信息。
#3
It also might be something as stupid as not specifying a "background" on .sf_menu li ul. I was using a gradient (filter in IE) and didn't specify the original background color.
它也可能是愚蠢的,因为没有在.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);