Z-index problem in IE7 with jQuery Superfish menu plugin

css internet-explorer-7 z-index css-sprites superfish
shin picture shin · Jul 1, 2009 · Viewed 12.5k times · Source

I needed to modify jQuery Superfish menu plugin to accommodate using image for the menu.

There are submenus under Om oss and Medieomtale. I used sprites images for this menu.

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.

Editor's note

A link in this question to www.okadadesign.no to demonstrate the issue was removed, as it is no longer accessible.

Answer

Sylar picture Sylar · Dec 29, 2010

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.

Related questions

IE7 Z-Index Layering Issues

I've isolated a little test case of IE7's z-index bug, but don't know how to fix it. I have been playing with z-index all day long. What is wrong with z-index in IE7? Test CSS: input { border: 1px solid #000; } …

Read More
IE7 does not respect z-index

Running in compatibility mode the calendar below renders behind the textboxes below. IE8 displays the calendar how I need it to. My CSS .MyCalendar .ajax__calendar_container { border:1px solid #7F9DB9; background-color: #ffffff; z-index : 1004 ; width:190px; } the textboxes which …

Read More
clientHeight/clientWidth returning different values on different browsers

Properties document.body.clientHeight and document.body.clientWidth return different values on IE7, IE8 and Firefox: IE 8: document.body.clientHeight : 704 document.body.clientWidth : 1148 IE 7: document.body.clientHeight : 704 document.body.clientWidth : 1132 FireFox: document.body.clientHeight : 620 document.body.clientWidth : 1152 Why does this …

Read More