css z-index bug dans blogger

Question

Je crée un nouveau modèle de blogger, mais malheureusement, je suis confronté à un problème. exemple simple pour ce que je suis en train de faire. Par défaut, le second div (posts) devrait avoir un index z plus élevé que le premier. see this demo et voir this pic et maintenant voir ce qui devrait être fait here , alors quel est le problème! ici est mon blog

Answer 1

Pour avoir une apparente plus élevée z-index, l'élément doit être soit

1. Après l'autre élément ou
2. Avoir un position:relative; ou absolu lorsque l'élément précédent a une position relative/absolue .

.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>

Dans votre cas, cela signifie ajouter position:relative;-.container classe.