Geek asks and answers

CSS dropdown menu hidden behind IE7 content

I have a css drop-down menu that gets hidden behind the main content of the page when viewed in IE7. I tried changing the z-index values, but no luck. I also tried suggestions on other topics from this site, but no one worked.

page can be found here: www.melbournedodgeball.com.au/dodgeball2012/about

any help would be greatly appreciated

+3
source share
3 answers

The CSS specification clause in the Z-index says that a new stacking context is created only for positioned content with a z-index other than auto.

li #nav position:relative, -, IE .

:

#nav li {
    display: block;
    position: relative;
    z-index: 1;         // force IE to recognize stack at this point
}
+9

position:relative;

<ul>

Z-Index . Z- 100, , .

+1

I checked this code, it will work confidently. Please install this css only for IE7

#menu {position:relative; z-index:100;}
+1
source

More articles:


All Articles