-
Div a sfondo trasparente
Salve,
vorrei creare un Div a sfondo semi-trasparente. Fin qui nessun problema, tramite i CSS ci son riuscito facilmente. Il problema è che dovrei aggiungerci delle scritte all'interno di questo Div... ma anch'esse risultano semi-trasparenti e questa è una cosa che vorrei evitare. Attualmente il codice CSS che sto utilizzando è il seguente:
Codice:
.slide_barra_grigia {
opacity:0.80;
filter:alpha(opacity=80);
position: absolute;
bottom: 0px;
background-color: #000000;
color: #ffffff;
width: 510px;
height: 53px;
padding-top: 7px;
padding-left: 20px;
}
-
Se usi opacity cambi la trasparenza di un intero elemento, ma anche di tutto quello che contiene. Per avere uno sfondo trasparente, setta solo quello
Codice:
background: rgba(0,0,0,0.8);
Questo funziona su tutti i browser moderni, ma se vuoi un poco di retro-compatibilità (principalmente per IE<8) puoi affiancarlo ad una png trasparente, od uno sfondo senza trasparenza.
:arrow: http://css-tricks.com/rgba-browser-support/
