Sfondo semitrasparente

[Brakki]

Salve a tutti,ho uno sfondo al body,e tre div.
In tutte e tre le div,devo mettere che si veda lo sfondo di dietro del body,solo che devo renderle opache,come posso fare??
Grazie in anticipo =)

[codencode]

Con i CSS puoi usare opacity (non validato), oppure con i CSS3 la proiprietà rgba (non supportato da IE), oppure creare una gif o png semitrasparente da usare come sfondo dei div.

[Brakki]

Grazie =)

infatti io avevo usato l'opacity alla div,solo che così facendo diventa opaco anche il testo dentro.....quindi come posso fare per rendere appunto solo la div opaca???

In questo modo:

 <div id="window" class="visibility">


Per quelli che hanno fatto troppe OREEEE </p>
  </div>

css:

p {
    color:#FFF;
}

.visibility {
    opacity:0.6; 
    background-color:#225688;
}

#window {
    width:835px;
    height:80px;
} 

[codencode]

Con la proprietà rgba dei CSS3 puoi risolvere il tuo problema ma purtroppo non è supportata da IE.

[Brakki]

grande,chissene di IE!!!

Come posso fare con questa proprietà????

[codencode]

Esempio:

 
h1 { 	
     color: rgb(127, 127, 127); 	// per i browser che non supportano la proprietà 	
     color: rgba(0, 0, 0, 0.5); 
}

I primi tre numeri sono i valori RGB del colore che vuoi usare, il quarto è la percentuale di trasparenza (da 0 a 1)