You are using the same z-indez number in both classes. You should use different z-index numbuer for each absolute div.
att,
Genau L. Jr www.meucarronovo.com.br
James Oppenheim wrote:
Hi all,
I am having trouble with css z-index. Here is a portion of it:
img.y { position: absolute; top: 147px; z-index: 1; } img.x { position: absolute; top: 201px; z-index: 1; } .main_content { position: relative; left: 0px; top: 0px; z-index: 2; text-align: left; padding: 50px 20px 15px 34px; color: #494949; font-size: 12px; height: 350px; /* Start of IE min-height hack */ min-height: 290px; } html>body .main_content { height: auto; min-height: 290px; /* End of IE min-height hack */ }
At the moment it all works well, except for IE. IE does not like the fact that there is not a left position allocated. So it puts the images in the centre of the screen, but under the text, so the Z-index works. If I make the position: relative; the images will not be placed underneath the text.
Any ideas??
****************************************************** The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
****************************************************** The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************