Bonjour, je suis en train de faire un slider avec un formulaire qui se masque/s'affiche, avec un effet glissé quand on clique sur un lien ( en forme de bouton +/- demi cercle) juste en dessous. Ma fonction JQuery fonctionne pas de souci.

La moitié de mon cercle s'incruste dans le formulaire avec un margin-top négatif:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
 
a.circle {
   position: absolute;
   margin-top: -80px;
   display:block;
   height:  80px;
   width: 80px;
   text-align: center;
   border-radius: 80px; // .... etc pour autres navigateur 
   // et la technique behavior: url(/PIE.htc); pour anciens IE
}
Ces éléments sont dans un div #contenu, mais quand je masque le formulaire la partie du cercle qui sort de #contenu se superpose sur de tout ce qu’il y a au dessus de #contenu (menu, header etc…).
Et je ne veux voir que la moitié du cercle dans contenu.

j'ai essayé de mettre mes div menu etc en :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
position: relative;
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
z-index: 9999;


et a.circle en :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
position: relative;
z-index: -10;   // -100    - 10000 ...
Rien ne fait. Je me bats avec des z-index et des position depuis des heures. Voilà la structure css de ma page :


Avez-vous une idée de ce que je dois faire?