z-index sabit konumlandırma ile çalışmıyor

SORU

7 Mart 2011, PAZARTESİ

z-index sabit konumlandırma ile çalışmıyor

Sabit bir pozisyonda varsayılan konumlandırma (yani pozisyon:statik) ve bir div ile bir div var.

Eğer elementlerin z-dizin kurdum, imkansız sabit elementi statik elemanın arkasında gitmek yapmak gibi görünüyor.

HTML:

<!DOCTYPE html>
<html>
     <body>
          <div id="over">
               Hello Hello HelloHelloHelloHelloHello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello
          </div>  
          <div id="under">
          </div>
     </body>
</html>

CSS:

#over {
  width: 600px;
  z-index: 10;
}

#under {
  position: fixed;
  top: 5px;
  width: 420px;
  left: 20px;
  border: 1px solid;
  height: 10%;
  background: #fff;
  z-index: 1;
}

Jsfiddle burada: http://jsfiddle.net/mhFxf/

Kullanarak bu geçici bir çözüm olabilir

position:absolute

statik unsur, ama kimse bana söyleyebilirnedenbunlar oluyor?

(Buna benzer bir soru, (**10) ama dosen işte bu benim örnek kod rica ediyorum dolayısıyla tatmin edici bir cevap var, yok) var gibi görünüyor

CEVAP

7 Mart 2011, PAZARTESİ

position: relative; Ekle #üzerinde

Fiddle

HTML

<!DOCTYPE html>
<html>
<body>
    <div id="over">
        Hello Hello HelloHelloHelloHelloHello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello
    </div>  

    <div id="under"></div>
</body>
</html>

CSS

#over {
  width: 600px;
  z-index: 10;
  position: relative;    
}

#under {
  position: fixed;
  top: 5px;
  width: 420px;
  left: 20px;
  border: 1px solid;
  height: 10%;
  background: #fff;
  z-index: 1;
}