1

I am working with : http://glustik.com/essex/index.php

And I am having trouble Z-Indexing the main logo to the front only in IE:7.

I have placed the large image div with a index of 5 and the logo with an index of 35.

I am not sure what would be making this happen?

Any Help? James

Kevin Ji
  • 10,479
  • 4
  • 40
  • 63
Varazi
  • 583
  • 2
  • 10
  • 27

3 Answers3

1

Try adding a negative z-index to the elements it should be overlapping.

I added z-index:-1 to #topFrame

and position:relative and z-index:-2 to #midFrame

EDIT: Adding a higher z-index to #header also seems to work, as suggested by Jrod in a comment.

wdm
  • 7,121
  • 1
  • 27
  • 29
0

IE 7 can be very problematic with z-index. The most common solution is to set the containing element (the div or whatever the element with a z-index is in), and/or the element itself to position:relative

Jeremy B.
  • 9,168
  • 3
  • 45
  • 57
0

There is a known issue with Z-index in Explorer. There are lots of helpful links and solutions in this answer.

Community
  • 1
  • 1
Sparky
  • 98,165
  • 25
  • 199
  • 285