HomeProgrammazioneCome creare un DIV trasparente in CSS

Come creare un DIV trasparente in CSS

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).
RELATED ARTICLES

Ultime Notizie

Ultimi Tutorial