Leosquarez – Website Design and Development

If you have a dropdown menu that works fine in all the browser a part from IE 7 and you have a problem like this one:

Z-index work in Internet Explorer 7 (and lower )a different way:

“In Internet Explorer positioned elements generate a new stacking context, starting with a z-index value of 0. Therefore z-index doesn’t work correctly”

To fix z-index issue in ie give to the parent element a higher z-index actual fixes the bug!!!

WRONG:

<ul>
<li>
<ul class=”DROPDOWN”>
<li> …. </li>
<li> …. </li>
</ul>
</li>
</ul>

<div class=”SLIDER-JQUERY”>
………..
</div>

FIXED

<ul>
<li style=”z-index:999999″>
<ul class=”DROPDOWN”>
<li> …. </li>
<li> …. </li>
</ul>
</li>
</ul>

<div class=”SLIDER-JQUERY”>
………..
</div>

Try and let me know..

Popularity: 4% [?]