0
Kayıt Ol

z index sorunu ?

6

●

1.046

  • 14-03-2013, 17:46:34
    #1
    CougaR
    CougaR
    Kurumsal Üye | R10 19.YIL
    Selam aşağıda yaptığım işlemde background.png görselimin genel divimin üzerine geçmesi gerekmiyormu ? Alt kısma alamadım


    </head>
<body>

<div id="genel">



</div>

</body>
</html>
    body {font: 14px Arial; color:#fff; margin: auto; background-position: 50% 0; background-repeat:no-repeat; background-color: #fff; background-image:url('../images/background.png'); z-index: 1 }
ul, li, ol, table, tr, td, h1, h2, h3, h4, h5, h6, p, form, input, select, textarea, button, img {padding: 0; margin: 0; border: 0; list-style: none}
a {text-decoration: none}
*:focus {outline: 0}
.clear {clear: both}


#genel {width: 1024px; height: 900px; margin: 0 auto; position: relative; background: red;}
  • 14-03-2013, 18:34:13
    #2
    EkolWeb
    EkolWeb
    Bunu body etiketi ile değilde şöyle yapın;

    <div class="background">

    <div id="genel">

    </div>

</div>

    .background{width:genislik;height:yukseklik;position:absolute;z-index:1}

#genel{width: 1024px; height: 900px;position:absolute; background: red;z-index:2}
    Z-index'e verdiğiniz değerlerde küçük değer alt katman, büyük değer üst katmanı ifade eder, altta kalmasını istediğiniz alan için küçük bir değer verin yinede sorun kalmaz.
  • 15-03-2013, 09:22:07
    #3
    AycanB
    AycanB
    Kimlik doğrulama veya yönetimden onay bekliyor.
    body içindeki div elementi body'nin arkasına düşmez.

    http://codepen.io/AycanB/pen/CdGcu

    z-index anlatımı : http://www.aycan.net/css-z-index-ele...il-kullanilir/
  • 16-03-2013, 16:26:04
    #4
    Troypc
    Troypc
    Vee cevap geliyor 

    #genel{z-index:-1;}
    Nasıl ama, çok zekice Böylece div içeriğini toprağın altına gömdük. (videolarımda kullandığım bir argo)
  • 18-03-2013, 14:36:50
    #5
    AycanB
    AycanB
    Troypc adlı üyeden alıntı: mesajı görüntüle
    Vee cevap geliyor 

    #genel{z-index:-1;}
    Nasıl ama, çok zekice Böylece div içeriğini toprağın altına gömdük. (videolarımda kullandığım bir argo)
    Buraya bakarsan gömülmüyor Troyoc
    http://codepen.io/AycanB/pen/CdGcu
  • 18-03-2013, 18:17:02
    #6
    Troypc
    Troypc
    AycanB adlı üyeden alıntı: mesajı görüntüle
    Buraya bakarsan gömülmüyor Troyoc
    http://codepen.io/AycanB/pen/CdGcu
    http://codepen.io/anon/pen/cmgvJ

    şöyle bakın lütfen.

    Az önce divleri iç içe koymuştunuz.

    Bu sayede sarı olan üstte, gri olan altta oldu. Benim kaçırdığım birşey mi var.
  • 18-03-2013, 22:31:59
    #7
    AycanB
    AycanB
    Troypc adlı üyeden alıntı: mesajı görüntüle
    http://codepen.io/anon/pen/cmgvJ

    şöyle bakın lütfen.

    Az önce divleri iç içe koymuştunuz.

    Bu sayede sarı olan üstte, gri olan altta oldu. Benim kaçırdığım birşey mi var.
    Evet kaçırdığınız bir olay var, div'ler iç içeyken, içdeki elementi ana elementin arkasına atmaya çalışıyoruz.