Sviluppo HTML
  1. Sviluppo HTML
  3. CSS Crea un div trasparente
Intereting Posts
Rendere una posizione dell’immagine rispetto alla parte superiore della pagina Disabilitare la convalida del modulo nel browser PHP: sostituire un pulsante con il testo quando si fa clic div vertical-align non funziona Sovrascrittura degli stili dell’immagine di sfondo CSS: entrambe le immagini sono caricate? Reindirizzamento di una pagina Web in un file Span in td non sovrascrive lo stile td Come usare i CSS per circondare un numero con un cerchio? Perché IE rende questa tabella HTML in modo diverso? Come impostare il valore selezionato della casella di selezione HTML con PHP Jquery Draggable e Droppable, lasciando cadere tutti i contenuti div Posso annidare i tag modulo in altri tag modulo? Incorpora un HTML all’interno di un più grande? Come modificare la posizione della barra di scorrimento con i CSS? Flask Application – Come colbind un file javascript al sito web

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