Home/ Questions/Q 7605305
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T00:08:07+00:00

I have a layout that works that I wanted to add the ability to

  • 0

I have a layout that works that I wanted to add the ability to fix the header to the top. When I add the following to fix the header, my dropdown menu no longer is visible in IE 7 & 8.

div#top {
    position:fixed;
    top:0;
    right:0;
    left:0;
}

I tried setting higher z-indexes on all the parent elements of the dropdown which didn’t work. It shows in Firefox, Chrome, and Safari just not IE 7&8, haven’t tried IE9. I have a fiddle where you can see the results.

http://jsfiddle.net/tDhBq/

http://jsfiddle.net/tDhBq/embedded/result/ Full Screen

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    OK, it took me a while to find the problem. In my original post I wasn’t showing all the code. In my styles for div#top was a z-index property that I left out. Removing the z-index property from div#top fixed the issue in IE8 but the problem still existed in IE7. Removing the filter:progid:DXImageTransform.Microsoft.gradient which I was using to set the gradient from div#top fixed the issue in IE7. Not sure why the gradient caused an issue with position: fixed and not with position: static.

    • 0