CSS
-Tricks
treehouse :
what would you like to learn today?
Web Design
Web Development
iOS Development
Show search box
Search
Search in:
All
Articles
Forums
Snippets
Videos
✕
Home
Forums
Snippets
Gallery
Videos
Almanac
Demos
Lodge
Navigation 'n' Search
Forums
Illustration by Nick Sirotich
Forums
»
CSS Combat
Z-index @ ie7
skullcrusher
Permalink to comment
#
July 2010
Check this page: imowood[dot]pt
The image at the right (with the wood) is abosute positioned with z-index 1000, but in IE7 that image apeears behind the menu.. Any fix for this?
skullcrusher
Permalink to comment
#
July 2010
No one?
wswingle
Permalink to comment
#
July 2010
The IE7 "z-index" bug has got you (I think it actually affects IE 7 or less). Google it up!
Anyhoo, the fix is very simple, just add the following to your CSS #header declaration.
#header {
z-index: 1;
}
In the end it should look like this:
#header {
position: relative;
height: 100px;
z-index: 1;
}
Cheers,
Wayne
Add a Comment
The image at the right (with the wood) is abosute positioned with z-index 1000, but in IE7 that image apeears behind the menu.. Any fix for this?
Anyhoo, the fix is very simple, just add the following to your CSS #header declaration.
In the end it should look like this:
Cheers,
Wayne