Skip to content Skip to sidebar Skip to footer

Ie7 Z-index Issue (css Dropdown)

I have tried a few different fixes using JQuery and CSS Tricks, but I can't seem to get my drop down menu to lay over top of my accordion slider in IE7. It seems to work fine in an

Solution 1:

You may want to add position:relative; to the part that's dropping down. According to this it'll usually solve your problem.

Solution 2:

There is a known issue with z-index in IE 7. It treats z-index differently for absolute positioned elements than it does for relative positioned elements. It's like you have two sets of z-indexes. You might be able to fix it by using wrappers with the same positioning, if you cannot get all your elements to use the same positioning.

z-index bug threads

Z-Index IE bug fix?

Internet Explorer z-index bug?

jQuery Solutions:

http://www.vancelucas.com/blog/fixing-ie7-z-index-issues-with-jquery/

http://webdeveloper2.com/2010/01/how-to-fix-the-ie-z-index-bug-with-jquery/

Post a Comment for "Ie7 Z-index Issue (css Dropdown)"