Home/ Questions/Q 8393719
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T19:52:27+00:00

I have a dropdown nav bar and the when you hover over the items

  • 0

I have a dropdown nav bar and the when you hover over the items and the dropdown options appear in IE7 they are hiding behind the slider.

I have tried z-index with no luck. Additionally, there is some spacing under the menu button and the first option in IE7 as well. I haven’t tried to fix that as yet, my main concern is getting it to display above the slider content.

You can see it here: http://www.condorstudios.com/stuff/temp/index.php

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Add this to your $(document).ready() handler:

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

    In order to make sure this is only executed on IE7, add this outside your <script> tags, but in <head>:

    <!--[if IE 7]>
<script type="text/javascript">
    $(document).ready(function() {
        var zi = 1000;
        $('*').each( function() {
            $(this).css('zIndex', zi);
             zi -= 10;
        });
    });
</script>
<![endif]-->
    • 0