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


css:

codice:
#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:

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