Problème de z-index

[Seth J. Trevelyan]

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 !

[Invité]

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

[Seth J. Trevelyan]

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

[Invité]

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 ...

[Seth J. Trevelyan]

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]

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

[Invité]

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

[Seth J. Trevelyan]

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

[Invité]

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 !!!!!!!