Bonjour à tous.

Je cherche à changer l'opacité d'un background d'une div, tout en gardant le texte avec une opacité de 100%.

J'avais donc au départ :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
#corp {
    background:#999;
    position:absolute;
    height:auto;
    top:200px;
    left: 5px;
    right:5px;
    -moz-opacity:0.7;
    opacity: 0.7;
    filter:alpha(opacity=70);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
 
     -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
     -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}
avec ma page :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
 
.
.
.
<div id="corp">
<p>texte</p>
</div>
.
.
.
j'ai donc changé :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
#corp2{
    background:#999;
    position:absolute;
 
    top:200px;
    left: 5px;
    right:5px;
    bottom:5px;
    -moz-opacity:0.7;
    opacity: 0.7;
    filter:alpha(opacity=70);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
 
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}
#corp {
    /*background:#999;*/
    position:absolute;
    height:auto;
    top:200px;
    left: 5px;
    right:5px;
}
avec la page :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
 
.
.
.
<div id="corp2"></div>
<div id="corp">
<p>texte</p>
</div>
.
.
.
dans l'absolu ca fonctionne, mais mon corp2 ne descend pas assez bas, c'est à dire que la div d'Id "corp" peu dépasser la div d'Id "corp2"

Quelqu'un pourrait-il m'aider ?

merci d'avance et bne journée.

naga