Spesso occorre applicare al div una trasparenza di fondo per far vedere, almeno in parte, quello che c’è sotto. È un’esigenza abbastanza comune nello sviluppo dei siti web.
Crea un DIV trasparente (con il contenuto)
- Il div stesso sarà trasparente, ma lo stesso vale per tutti gli altri contenuti come immagini o testo.
-
<div style="filter:alpha(opacity=50); opacity:0.5;">.......</div>
- La proprietà opacity viene presa in considerazione in Firefox 3 +, Chrome 2 +, Safari 4 e Opera 10. Il filter:alpha(opacity=50) consente a Internet Explorer 8 e Opera 9.x di rendere i contenuti trasparenti.
Crea DIV trasparente (senza contenuto)
- Usa la proprietà CSS: “rgba”
- Per aggiungere colore in CSS, usa la proprietà rgb(). Presto sarà disponibile la funzione rgba() . La ” a ” sta per la trasparenza:
-
<div style="background-color: rgba(255, 0, 0, 0.5)">.........</div>
- Qui, il colore rosso sarà trasparente. Questa funzione non è riconosciuta da Internet Explorer o Opera 9.x (funziona con Opera 10).