Search jQuery

jQuery Forum

Dropdown Menu zIndex issue in IE7

in Using jQuery • 11 years ago

Hi everyone!

I just made a website for my brother and I had this amazing idea to use a jQuery dropdown menu for one of the nav links, "Gallery".

So, I implemented the dropdown menu and everything looked fantastic until I went to work and opened the page on IE7. Now, I either have to find a fix for it or completely rearrange how my nav system is going to be displayed.

Have a look at the page in Firefox and then in IE7 (or IE8 in compatibilty mode) and you'll see the issue. The reason I can't have the content image as a background-image is because it dynamically changes each time you visit the page (or refresh).

Here's the site: DEMO

NOTE: I've tried this code and it doesn't work:

*From this site

1 2 3 4 5 6 7

$(function() { var zIndexNumber = 1000; $('div').each(function() { $(this).css('zIndex', zIndexNumber); zIndexNumber -= 10; }); });

Replies(2)

superfici..

Reageren: Dropdown Menu zIndex issue in IE7

11 years ago

Hi there,

IE7 has some serious bugs when it comes to CSS.
You've caught one here.
This is the Z-index bug.
IE can't put elements above other elements when they are in the HTML file below them.
The only way to put them above another is to put them below the other element (in the markup) and position them via CSS.
It's a pain but it's the way IE7 works, and IE6 and before as well btw...

Superficial.

adelyra

Re: Reageren: Dropdown Menu zIndex issue in IE7

11 years ago

Hmm, I was affraid of this... I have the feeling I'm going to be using absolute/relative positioning in order to achieve this as well?

Oh IE! Always good for a challenge... *straight face*

Thanks so much for your help, Superficial.

tomasdev

Re: Dropdown Menu zIndex issue in IE7

11 years ago

I can tell you guys, if any of the parent containers has position relative, should assign z-index. It isn't about first or after in the markup, is all z-index thing. So specify for each container with position relative or absolute and you will see.

May sound ilogic but position by default isn't relative, is static.

Tom!

Top Reply

Response title

Attachments

jQuery Forum

Dropdown Menu zIndex issue in IE7

Replies(2)

Reageren: Dropdown Menu zIndex issue in IE7

Re: Reageren: Dropdown Menu zIndex issue in IE7

Re: Dropdown Menu zIndex issue in IE7

Statistics

Tags

Actions