Scrivere testo sopra opacity

[Ht28]

Ho questi codici ma non riesco a fare in modo che il testo rimanga SOPRA e indipendente dall'opacity:


css:

#shade{   
position:absolute; 
background-color:black;
width:100%; 
height:1000px; 
opacity: 0.6; 
z-index:1; 
}

#xxx{       
position:absolute; 
width:100%; 
top:420px;
font-family:arial;
font-style:normal;
font-size:22px;color:yellow;
text-align:center; 
}

nella home:

<div id="shade">
<div id="xxx">Testo</div> 
</div>

[bionicoz]

Gli elementi racchiusi dentro un div con opacity non possono avere opacity superiore a quella del genitore, neanche specificandogliela (tipo opacity:1 su #xxx non funzionerebbe). Bisogna quindi cambiare struttura e mettere #xxx sopra #shade, e non dentro.
ti ho fatto un esempio qui

[Ht28]

Originariamente inviato da bionicoz
Gli elementi racchiusi dentro un div con opacity non possono avere opacity superiore a quella del genitore, neanche specificandogliela (tipo opacity:1 su #xxx non funzionerebbe). Bisogna quindi cambiare struttura e mettere #xxx sopra #shade, e non dentro.
ti ho fatto un esempio qui

Quasi quasi lo lascio così, che dici? Sito