Soucis pour placer un champ input avec z-index
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:
1
2
3
4
5
| <section name="sr3main">
<form name="toto">
<input id='toto' type="text">
</form>
</section> |
Code CSS de cette section
Code:
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:
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
