Bonjour à tous ! Mon souci est très simple : je souhaite faire passer une section sous une autre de façon à ce qu'elle se déroule lorsqu'on la survole. Tout fonctionne très bien, sauf la partie cachée : en effet, la zone que je souhaite dissimuler passe toujours par-dessus l'autre malgré qu'elle ait un z-index plus petit. Du coup, je n'y comprends plus rien !
Voici mes codes :
Pour la partie "cachée" qui doit se dérouler
- Code:
-
.groupes {
position: relative;
left: 52px;
top: -73px;
right: 0px;
height:130px;
z-index:1;
width:300px;
align:center;
text-align:center;
background-image: url('http://img4.hostingpics.net/pics/591656Sanstitre4.png');
background-repeat:no-repeat;
background-position:center;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
-ms-transition: 1s;
-khtml-transition: 1s;
}
.groupes:hover {
top: 0px;
z-index:1;
background-image: url('http://img4.hostingpics.net/pics/591656Sanstitre4.png');
background-repeat:no-repeat;
background-position:center;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
-ms-transition: 1s;
-khtml-transition: 1s;
}
Et pour la partie située par-dessus :
- Code:
-
.gauche{
text-align:justify;
padding:6px;
padding-left:15px;
padding-right:30px;
z-index:30;
background-color:#eaeaec;
border-radius:60px;
-moz-border-radius:60px;
width:415px;
height:150px;
margin-left:10px;
margin-right:-90px;
position:relative;
margin-top:-30px;
}
Je vous donne aussi le lien du forum pour que vous puissiez voir, tout se déroule dans le qui est en ligne (en fait, l'endroit où sont écrits tous les noms de groupe est celui que je désire cacher derrière la forme en rond !) : http://ohtzitzitlini.forumactif.org/
Merci d'avance pour votre aide **