CSS Crea un div trasparente

C’è un modo per rendere un elemento HTML div semitrasparente?

Usando un file PNG in background che è semitrasparente e sperando che non sia necessario supportare IE6?

Con i CSS, questa è una soluzione cross browser

div { opacity: 0.5; filter: alpha(opacity = 0.5); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5); } 

Questo funzionerà con tutti i browser

 div { -khtml-opacity:.50; -moz-opacity:.50; -ms-filter:”alpha(opacity=50)”; filter:alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5); opacity:.50; } 

Se non vuoi che la trasparenza abbia effetto sull’intero contenitore e sui suoi figli, controlla questa soluzione alternativa http://www.impressivewebs.com/css-opacity-that-doesnt-affect-child-elements/

Se vuoi che lo sfondo del tuo div sia semitrasparente, non il testo e gli elementi al suo interno, puoi semplicemente impostare un colore di sfondo su uno trasparente (ad es. Con alpha <1).

Un esempio è sul nostro sito web , un esempio minimizzato qui:

   Transparency test    

normal text

nontransparent

normal text