CSS Image de fond et ombre portée

Question

Je me bats à obtenir une image de fond sur cette page et une ombre pour montrer au-dessus de mon onglet .... [URL_REMOVED]

L'onglet gauche doit être « ci-dessous "la zone de contenu blanc, donc l'effet d'ombre doit être sur le dessus de l'onglet. Le deuxième problème est que j'utilise CSS pour appliquer un fond dégradé, je veux aussi avoir une image d'arrière-plan et ça ne marche pas. Quelqu'un peut-il m'aider à comprendre pourquoi?

Answer 1

Vous devez ajouter une position: relative à #main et #side. z-index ne fonctionne que sur les éléments positionnés (absolus/relatifs).

#main { 
    … 
    position: relative; 
    z-index: 2; 
} 

#side { 
    …  
    position: relative; 
    z-index: 1; 
}