CSS, üst üste katman katmanları oluşturduğum bir kutu oluşturma konusunda yardımcı olur.

İşte CSS ile nasıl yapılacağını öğrenmek istiyorum. CSS, üst üste katman katmanları oluşturduğum bir kutu oluşturma konusunda yardımcı olur.

Ben kartlar değil dikey olarak ... Düz üzerinde her tepesinde, doğrudan yığılmış olmak istiyorum:

ben kutu istiyorum. Bu şekilde jQuery'yi tarayıcıya hangi kartın göstereceğini ve tüm içeriği reddetmek zorunda olmadığını söylemesini sağlayabilirim.

Ben Bir gelen kutusu ... GMAIL'DE böyle bir şey yapar düşünüyorum, bunu arka planda gelen kutusunu tutarak gelen kutusunun üstündeki mesaj yerleştiren bir mesaj tıkladığınızda.

Fikirler? i aynı noktada div ancak farklı derinliklerde bir grup var ama ben, sorunuzu anlamak emin değilim

kaynak

2010-11-20 AnApprentice

gizli olanlardan görünür bir div ayırmak için başka bir yol, örneğin, kullanılarak olacaktır Seçici: ilk çocuk. Burada, DOM ağacındaki konumu ve CSS'yi değiştirerek bir divi gizlediğiniz bir örnek sadece ilk çocuğun görünür olmasını sağlar.

<html> 
    <head> 
    <style type="text/css"> 
    #container div { display: none; width: 400px; height: 250px } 
    #container div:first-child { display: block; } 
    </style> 
    <script type="text/javascript"> 
    function hide(div) 
    { 
     var container = document.getElementById("container"); /* Or use jQuery */ 
     container.appendChild(div); 
    } 
    </script> 
</head> 
<body> 
<div id="container"> 
    <div style="background-color: red" onclick="hide(this)">Click to hide</div> 
    <div style="background-color: blue" onclick="hide(this)">Click to hide</div> 
    <div style="background-color: yellow" onclick="hide(this)">Click to hide</div> 
</div> 
</body> 
</html>

kaynak

2010-11-20 22:04:09

, sen olmalıdır:

bu divs pozisyon vermek bağlıyor (mutlak veya göreceli onlara göstermek ve bunları gizlemek için farklı derinliklerde vermek, aynı noktada
kullanım z endeksi koyun kadar) ihtiyaçlarınıza bağlı. Bu sadece göstermek ve malzeme gizlemek için jQuery kullanarak doğrudan ve sonra tüm bu içerik yüklemek için peşinde olduğun gibi geliyor

kaynak

2010-11-20 19:31:54

gerektiği gibi z-index değiştirmek için

kullanın JQuery.

CSS:

.box {width: 100px; height: 100px;} 
.box.hidden {display: none;}

HTML:

<div class="box"><!-- your default content --></div> 
<div class="box hidden"><!-- your hidden content --></div> 
<div class="box hidden"><!-- your hidden content --></div>

Sonra sadece başkalarını <div> görünür istediğiniz göstermek ve gizlemek için JQuery kullanın. Hepsi birbirinin üzerine yığılmış gibi davranacaktır.

kaynak

2010-11-20 21:16:59 Tom

CSS, üst üste katman katmanları oluşturduğum bir kutu oluşturma konusunda yardımcı olur.

cevap

İlgili konular