ansaurus

Question

Answer 1

A:

See http://stackoverflow.com/questions/1156192/internet-explorer-z-index-bug.

You need to explicitly set the z-index for your "#div1". Simply set #div1 { z-index: 0; } and your problem is solved.

http://www.webdevout.net/test?01c

jsumners 2010-06-22 19:35:39

This 2 answers do not help me. I need to put div 3 between div1 and div 2. And these answers. One put div1 in front of div3 and the other one duplicate the div and i can´t do that. Someone could help me?

Leo 2010-06-22 20:02:20

If I explicitly #div to z-index:0 #div3 will be in front of #div2. This solution do not work.

Leo 2010-06-23 20:25:08

Best solution, use flash! :-/

Leo 2010-06-28 13:18:26

Answer 2

A:

Somebody could help me, please.

Leo 2010-06-23 11:31:26

Answer 3

+1 A:

I have tested the following in IE6/7/8, Chrome, and Firefox. This puts #two in between #one and #three

HTML :

<html lang="en">
  <head>
    <title>Test</title>
  </head>
  <body>
    <div id="content">
       <div id="one">One</div>
       <div id="two">Two</div>
       <div id="three">Three</div>
    </div>
  </body>
 </html>

CSS:

 #one{
     background-color: #f1f1f1;
     position: absolute;
     left:105px;
     top:155px;
     z-index: 0;
 }
 #two{
     background-color: #c9c9c9;
     position: absolute;
     left:100px;
     top:145px;
     z-index: 1;
 }
 #three{
       background-color: #888888;
       color: #f1f1f1;
       position: absolute;
       left:95px;
       top:135px;
       z-index: 2;
 }

In Action: http://www.webdevout.net/test?02C

HurnsMobile 2010-06-23 16:08:19

But in this way you changed the html and I can´t change. Do you have another solution?

Leo 2010-06-23 20:21:10

Answer 4

A:

Nobody could help me?

Leo 2010-06-24 20:13:55

Please, somebody. It´s urgent. :-/

Leo 2010-06-25 17:01:51

ok, use flash! :-/

Leo 2010-06-28 11:40:52

ansaurus

tags:

views:

answers:

parent zIndex problem IE6 and IE7

related questions