martedì, Dicembre 3, 2024

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).
ARTICOLI COLLEGATI:

ULTIMI ARTICOLI: