Quando si imposta una trasparenza ad un div tramite i comandi opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5; s'incorre nell'inconveniente che anche i testi e le foto contenuti in quel div subiranno il medesimo effetto trasparenza, e se la cosa non è voluta il risultato non sarà sicuramente di vostro gradimento.
Cercando in linea ho trovato un valido esempio che consiste nel creare un secondo div che tramite css si sovrappone a quello trasparente non ereditandone però il comportamento.
Valido ma troppo macchinoso da applicare ad un progetto già esistente.
Ecco quindi l'istruzione uovo di colombo:
background:rgba(255, 255, 255, 0.5);
dove 255 corrisponde al bianco e 0 al nero (nel mezzo tutte le 255 sfumature)
l'ultimo valore (0.5) è il grado di trasparenza (0.9 meno trasparente, 0.1 più trasparente)
Pratico, veloce e rapido.
