CSS Divs se chevauchant, comment puis-je forcer l'un au-dessus de l'autre ?

Question

Je suis nouveau en CSS et j'essaie de construire mon site. J'ai un problème. J'ai créé un div avec une position fixe, mais il apparaît sous d'autres éléments sur le site. Comment le forcer au sommet ?

div#floater {
    position: fixed; 
    top: 420px; 
    left: -110px;   
}

div#floater:hover {
    left: 0;

Le site peut être trouvé à goinnativerecords.com (survolez les images sur le côté). Je sais que mon codage n'est pas le plus propre (les pourboires sont appréciés).

Merci ! Merci !

Answer 1

Utilisez la propriété CSS z-index pour résoudre votre problème

.myclass
{
  z-index:1;
}

pour votre problème ont l'air : Couche sur couche avec z-index (Calques)

Answer 2

cela devrait le faire, avec la position absolue, vos éléments sont toujours positionnés en fonction de la valeur Top, Gauche que vous spécifiez

div#floater {    position: absolute;     top: 420px;     left: -110px;   }
div#floater:hover {    left: 0;}