css z-index Fehler in Blogger

Question

Ich erstelle eine neue Blogger-Vorlage, aber leider habe ich ein Problem. einfaches Beispiel für das, was ich versuche zu tun.

<div class='container'> 
    <div class='slider'></div> 
    <div class='posts'></div> 
</div> 

Standardmäßig sollte der zweite div (Beiträge) z-Index höher als der erste sein. see this demo und sehen this pic und jetzt sehen, was getan werden sollte here , so was ist das Problem! hier ist mein blog

Answer 1

haben offensichtlich ein z-index höher, muss das Element entweder

1. Nach dem anderen Elemente oder
2. Haben eines position:relative; oder absolut sein, wenn das vorherige Element eine relative/absolute Position hat .

.d1{ 
 
    width: 100%; 
 
    height:50px; 
 
    background: tomato; 
 
    position: relative; 
 
} 
 

 
.d2{ 
 
    width:80%; 
 
    height:200px; 
 
    background: blue; 
 
    margin: -30px auto 0 auto; 
 
    position: relative; /* Try removing this - it will be 'below' d1 because d1 has position:relative; */ 
 
}

<div class='container'> 
 
    <div class='d1 slider'></div> 
 
    <div class='d2 posts'></div> 
 
</div>

In Ihrem Fall bedeutet dies, position:relative;-.container Klasse hinzufügen.