CODEWITHSUNDEEP
htmlcssinternet-explorer-7z-index
Varazi
Varazi

Reputation: 593

Z-Index : Internet Explorer (Z Ordering)

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

Upvotes: 1

Views: 147

Answers (3)

wdm
wdm

Reputation: 7189

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.

Upvotes: 1

Sparky
Sparky

Reputation: 98738

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

Upvotes: 0

Jeremy B.
Jeremy B.

Reputation: 9216

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

Upvotes: 0

Related Questions