Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Z-index ne marche pas


Sujet :

Positionnement en CSS avec z-index

  1. #1
    Membre habitué
    Z-index ne marche pas
    Bonjour.
    Dans une page je souhaite utiliser z-index afin de gérer mon affichage des éléments comme ceci :

    J'ai une image de fond avec z-index = -9999
    Par dessus j'ai un bandeau (entête) avec z-index = 10
    Par dessus j'ai un logo avec z-index = 20
    Par dessus un texte avec z-index = 30

    Jusque là tout va bien.

    Ma page est scrollable en hauteur, et l'utilisateur peut positionner où il veut des petites images par drag'n drop.
    Comme je ne veux pas que ces images s'affichent sur le bandeau lors d'un scroll, je leur affecte un z-index de 5.
    Mais lorsque je scrolle ma page vers le bas, les images scrollent bien mais elles s'affichent par dessus le bandeau.

    Est-ce-que j'oublie quelque chose ?
    Merci pour votre aide.

  2. #2
    Modérateur

    Bonjour,
    Est-ce-que j'oublie quelque chose ?
    oui le code HTML et le CSS qui va avec, la gestion des z-index peut vite devenir obscure dans certains cas.
    Ce que personne ne vous a jamais dit à propos de z-index

  3. #3
    Membre habitué
    Bonjour. Merci mais j'ai trouvé mon erreur (z-index en CSS oublié).
    Désolé pour le dérangement.

###raw>template_hook.ano_emploi###