Problème de z-index

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème de z-index

Message par Seth J. Trevelyan le Dim 25 Jan 2015 - 22:50

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Moi uniquement
Lien du forum : http://enfinlibres.forums-rpg.com/

Description du problème

Bonjour ! Comme d'habitude je me tourne vers le forum des forums quand je suis au pied du mur, et là c'est le cas.
J'essaie de modifier l'emplacement de la connexion rapide, et j'ai décidé d'utiliser l'attribut position. J'aimerais la placer par-dessus d'une barre latérale, donc j'utilise également l'attribut z-index. Seulement, problème : quoi que je fasse, le bloc de la connexion rapide (en rouge sur le screen) reste toujours SOUS la barre latérale.

Voici les CSS associés aux deux éléments :

bloc connexion rapide :
Code:
background-color : red;
top : 0px;
left: 140px;
position : fixed;
z-index : 999;
height : 55px;
padding : 5px;
width : 150px;

barre latérale :
Code:
background-color : #402021;
padding : 5px;
box-shadow : 0px 0px 5px black;
width : 160px;
z-index : 990;
position : fixed;
top : 0px;
left : 0px;
bottom : 0px;

Pourtant, puisque le z-index de la barre latérale est plus petit que celui de la connexion rapide, tout devrait bien se mettre en place... Je ne comprends pas pourquoi ça ne fonctionne pas. Si quelqu'un a une idée, je suis preneuse ;_;

Merci d'avance à ceux qui pourront m'aider !


Dernière édition par Seth J. Trevelyan le Sam 31 Jan 2015 - 21:55, édité 1 fois

Seth J. Trevelyan
***

Féminin
Messages : 106
Inscrit(e) le : 05/02/2013

http://peekaboo.web-rpg.com
Seth J. Trevelyan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de z-index

Message par R-max le Dim 25 Jan 2015 - 23:42

bonsoir je pense que en modifiant le z-index elle doit passé par dessus
avec le z-index
avec z-index:
et sans le z-index
sans le z-index:
bon courage

R-max
# Tropactif #

Masculin
Messages : 1524
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de z-index

Message par Seth J. Trevelyan le Lun 26 Jan 2015 - 12:34

D'accord, j'ai modifié et ça marche mais... Je comprends toujours pas pourquoi ?
Techniquement mon CSS était bon non ?

Seth J. Trevelyan
***

Féminin
Messages : 106
Inscrit(e) le : 05/02/2013

http://peekaboo.web-rpg.com
Seth J. Trevelyan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de z-index

Message par R-max le Lun 26 Jan 2015 - 13:13

et bien techniquement non au vu du résulta de départ !!
mais bon cela fonctionne maintenant

de quel façon avez vous modifier !!!
il fraudez affiché votre css modifier , pour éventuellement d'autre membres dans le même cas
puisse se dépanner ..et ensuite
peut être cliqué sur résolu ...

R-max
# Tropactif #

Masculin
Messages : 1524
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de z-index

Message par Seth J. Trevelyan le Lun 26 Jan 2015 - 14:47

J'ai simplement retiré le z-index de la barre latérale.
Mais comme je n'ai toujours pas compris pourquoi il y avait ce problème à la base, je préfère attendre que quelqu'un qui sâche me réponde avant de cocher résolu >_<

Seth J. Trevelyan
***

Féminin
Messages : 106
Inscrit(e) le : 05/02/2013

http://peekaboo.web-rpg.com
Seth J. Trevelyan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de z-index

Message par Seth J. Trevelyan le Ven 30 Jan 2015 - 22:47

Up '^'
Personne ne saurait le pourquoi du comment ?

Seth J. Trevelyan
***

Féminin
Messages : 106
Inscrit(e) le : 05/02/2013

http://peekaboo.web-rpg.com
Seth J. Trevelyan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de z-index

Message par R-max le Ven 30 Jan 2015 - 22:54

bonsoir tu trouvera peut être ta réponse sur ce sujet , la dernière réponse
http://forum.forumactif.com/t375600-les-images-ne-se-superposent-pas-avec-z-index-en-css#3170347
Wink

R-max
# Tropactif #

Masculin
Messages : 1524
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de z-index

Message par Seth J. Trevelyan le Sam 31 Jan 2015 - 21:55

Allez, on a qu'à dire que c'est résolu, même si j'ai pas vraiment de réponse...

Seth J. Trevelyan
***

Féminin
Messages : 106
Inscrit(e) le : 05/02/2013

http://peekaboo.web-rpg.com
Seth J. Trevelyan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de z-index

Message par R-max le Sam 31 Jan 2015 - 22:20

bonsoir , il y a une histoire de position
l'image du dessous en position relative
et celle au dessus en position absolute
et l’absolute prend le z-index ce qui fait quel est défini comme prioritaire .et passe par dessus , ensuite l'histoire de z-index !!!!!!!


R-max
# Tropactif #

Masculin
Messages : 1524
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum