Colore di sfondo CSS trasparente

Voglio far scomparire il menu della lista usando l'opacità senza influenzare il carattere. È possibile con i CSS3?Colore di sfondo CSS trasparente

fonte

2012-06-25 Saranya

Sì certo! si può fare per questo trucco: http://stackoverflow.com/a/15351192/366884 Buona fortuna –

hey ora è possibile utilizzare RGBA in proprietà CSS come come questo

.class{ 
background:rgba(0,0,0,0.5); 
}

0,5 è trasparenza ora si può cambiare a seconda il vostro disegno.

demo dal vivo piùhttp://jsfiddle.net/EeAaB/

informazionihttp://css-tricks.com/rgba-browser-support/

fonte

2012-06-25 06:00:25

Grazie. ma voglio sfogliare il segno di freccia predefinito nel menu elenco senza influenzare il font – Saranya

puoi mostrare il tuo codice in jsfiddle.net piuttosto che ti aiuto in modo corretto .......... –

c'è un modo per scrivere questo più breve , come 'rgba ('black', 0.5)'? – Blauhirn

Sì, questo è possibile. basta usare lo rgba-syntax per il colore di sfondo.

.menue{ 
    background-color: rgba(255, 0, 0, 0.5); //semi-transparent red 
}

fonte

2012-06-25 06:00:43 oezi

Ciao! Sai qualcosa sulla definizione CSS 'background-color' con aplha channel, ma usando il valore #HEX per il colore? –

Prova questo:

opacity:0;

per IE8 e precedenti

filter:Alpha(opacity=0);

Opacity Demo from W3Schools

fonte

2012-06-25 06:06:02 Vinod

sì .. Ho usato questo codice per far scomparire la freccia predefinita nel menu lista.ma influenzerà anche il carattere .. – Saranya

Il sito che stai collegando a ... è terribile. –

@JohnDvorak perché w3schools è terribile? – TheWandererr

In questo caso background-color:rgba(0,0,0,0.5); è il modo migliore. Per esempio: background-color:rgba(0,0,0,opacity option);

fonte

2013-11-23 00:27:33 dasdasdasdasd

mantenere queste tre opzioni in mente (che si desidera # 3):

1) elemento intero è trasparente:

visibility: hidden;

2) elemento intero è un po 'trasparente:

opacity: 0.0 - 1.0;

3) Proprio il sfondo dell'elemento è trasparente:

background-color: transparent;

fonte

2014-10-23 22:13:42 jordanb

Ecco un esempio di classe usando CSS denominato colori:

.semi-transparent { 
    background: yellow; 
    opacity: 0.25; 
}

Questo aggiunge uno sfondo che è opaco il 25% (colorato) e il 75% trasparente.

CAVEAT Purtroppo, l'opacità influenzerà poi intero elemento è attaccato.
Quindi se hai un testo in quell'elemento, imposterà il testo anche al 25% di opacità. :-(

Così, nella maggior parte dei casi, avresti bisogno di usare rgba o hsla metodi per indicare la trasparenza sfondo, senza compromettere la trasparenza delle tutto nel vostro elemento.

Qui ci sono 3 modi per impostare uno sfondo blu in trasparenza il 75%:

background: rgba(0%, 0%, 100%, 0.75)
background: rgba(0, 0, 255, 0.75)
background: hsla(240, 100%, 50%, 0.75)

fonte

2017-08-19 07:47:55 SherylHohman

risposta

Problemi correlati