CSS Divs qui se chevauchent, comment puis-je forcer l'un au dessus de l'autre?
Je suis nouveau sur CSS et d'essayer de construire mon site.
Je suis tomber sur un problème.
J'ai créé un div avec une position fixe, mais il est figurant ci-dessous d'autres éléments sur le site. Comment puis-je le forcer vers le haut?
div#floater {
position: fixed;
top: 420px;
left: -110px;
}
div#floater:hover {
left: 0;
Le site peut être trouvé à goinnativerecords.com (survolez les images pour le côté).
Je sais que mon codage n'est pas le plus propre (conseils sont appréciés).
Merci!
- Essayez d'utiliser, de z-index
Vous devez vous connecter pour publier un commentaire.
simplement d'utiliser les z-index:
Noter que le z-index ne fonctionne que sur les éléments qui ont une certaine sorte de positionnement set (relatif, absolu, fixe)
nuances:
Éléments avec un z-index supérieur apparaît en face des éléments avec une baisse de z-index dans le même contexte d'empilement. Si deux éléments ont la même valeur z-index, ce dernier apparaît sur le dessus. L'empilement de contexte est défini par:
position: absolute
ouposition: relative
et un z-indexposition: absolute
ouposition: relative
(ce qui peut causer de nombreux bugs, car il est le seul navigateur qui agit de cette façon).Si IE7 est un problème, vous pouvez faire tous les navigateurs se comportent de la même en ajoutant toujours
z-index : 1
à tout élément qui a aussi quelquesposition
ensemble.Faire usage de CSS z-index de résoudre votre problème
de votre problème, un coup d'oeil : Couche sur couche avec z-index (Couches)
cela devrait le faire, avec la position Absolue de vos éléments sont toujours positionnés en fonction de Haut, à Gauche de la valeur que vous spécifiez