Bonjour,
Je m'y connais plutôt bien en HTML / CSS mais je me posais une question, vu que j'avais vu ça récemment: à quoi sert le z-index ?
J'ai cherché sur internet, mais j'ai pas trop compris la façon dont ils expliquaient. J'aurais voulu tester ça par moi-même mais je sais comment et où le placer.
Y'aurait pas moyen de me donner un petit exemple concret histoire que je comprenne comment cela fonctionne? Merci d'avance ^^
Cordialement,
Utilité du z-index
Je vais te donner un exemple très concret. Regarde mon site et pouquoi l'image d'en-tête bouge dérrière le logo de l'entreprise alors qu'elle n'est pas définie en background-image !
Dis moi si tu as compris après
Didier
PS : Firebug sera ton ami...
Dis moi si tu as compris après
Didier
PS : Firebug sera ton ami...
-
Inconnu
- Cet utilisateur a supprimé son compte et n’existe plus.
- Messages : 6333
- Inscription : 29 décembre 2010 à 18:15
Tu as fait un peu de géométrie ?
Axe X : →
Axe Y : ↑
Et l'axe Z, c'est celui qui devrait ressortir de ton écran.
En HTML, le z-index représente en fait un index de "superposition". Lorsque que deux div (par exemple), se superpose, le z-index va permettre d'en mettre un devant l'autre. (Plus le z-index est fort, plus l'élément aura de chance d'être devant les autres.)
Sache enfin que tu peux mettre le nombre que tu veux. (Un z-index=1000 par exemple, sans forcément en 999 avant.)
Axe X : →
Axe Y : ↑
Et l'axe Z, c'est celui qui devrait ressortir de ton écran.
En HTML, le z-index représente en fait un index de "superposition". Lorsque que deux div (par exemple), se superpose, le z-index va permettre d'en mettre un devant l'autre. (Plus le z-index est fort, plus l'élément aura de chance d'être devant les autres.)
Sache enfin que tu peux mettre le nombre que tu veux. (Un z-index=1000 par exemple, sans forcément en 999 avant.)
-
Inconnu
- Cet utilisateur a supprimé son compte et n’existe plus.
- Messages : 6333
- Inscription : 29 décembre 2010 à 18:15
C'est dynamique en fait là, comment ça se fait? x)
EDIT: merci de ta réponse, mais pourquoi c'est pas simplement un true/false pour savoir si ça va être devant ou pas? Si c'est à la moitié, comment on sait?
EDIT: merci de ta réponse, mais pourquoi c'est pas simplement un true/false pour savoir si ça va être devant ou pas? Si c'est à la moitié, comment on sait?
-
Inconnu
- Cet utilisateur a supprimé son compte et n’existe plus.
- Messages : 6333
- Inscription : 29 décembre 2010 à 18:15
Non t'as pas compris. Il s'agit pas de définir le z-index d'un calque par rapport à un autre. Il s'agit de définir la superposition d'un calque, par rapport à tous les autres de la feuille. Tu veux avoir 4 calques qui se superposent (avec un décalage en X/Y, sinon, ça n'a aucun intérêt). Et bin dans ce cas, tu définiras tes z-index pour chaque calque, pour savoir dans quel ordre les superposer.
