div trasparente

[giuseppe1986]

Ciao a tutti..

.Menu {
filter:alpha(opacity=70);
opacity: 0.5;
background-color: #CCC ;
position: absolute;
height: 200px;
width: 200px;
top: 300px;
left: 400px;
border: 5px solid #999;
}

come mai diventa anche il contenuto trasparente?

[Camarillo]

Perché opacity serve a regolare l'opacità del div e di tutto ciò che è contenuto in esso. Se vuoi rendere solo un elemento semitrasparente devi scrivere il suo colore in rgba, tipo

.menu {
  background-color: #CCC;
  background-color: rgba(204, 204, 204, 0.5);
}

Il colore in esadecimale lascialo (e mettilo sempre prima del rgba) perché internet explorer 8 e antecedenti non supportano i colori in rgba.