Bonjour,

Je me présente mon soucis.

Je souhaite avoir la section de mon menu qui déborde sur la section principale de ma page
Pour cela, j'ai mis un z-index:-1 à ma section pour qu'elle soit en arrière plan.
Maintenant, quand je veux placer un champs "input", je ne peux pas le modifier car il reprendre mon z-index:-1 de ma section

Code HTML :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
<section name="sr3main">
<form name="toto">
<input id='toto' type="text">
</form>
</section>

Code CSS de cette section
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
section[name=sr3main]
{
position:absolute;
background:white;
margin-top:310px;
margin-left:25%;
width:40%;
height:60%;
z-index:-1;
padding-top:1%;
padding-left:5%;
}
Code CSS du menu :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
nav[name=sr3sidebar]
{
margin-top:400px;
position:absolute;
background:red;
width:10%;
height:40%;
margin-left:16%;
padding-left:10px;
}
J'ai essayé en créant un sous-ensemble dans ma section "sr3main" et en lui mettant un z-index plus élevé et une position:absolute mais ça change rien.

Quel piste pouvez-vous me donner pour m'en sortir ?

Merci à vous