Color de fondo de CSS transparente

Quiero hacer desaparecer el menú de la lista utilizando la opacidad sin afectar la fuente. ¿Es posible con CSS3?Color de fondo de CSS transparente

Fuente

2012-06-25 Saranya

Sí, claro! Usted puede hacerlo mediante este truco: http://stackoverflow.com/a/15351192/366884 Buena suerte –

hey ahora puedes utilizado RGBA en las propiedades CSS que como esto

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

0,5 es transparencia ahora se puede cambiar según su diseño.

Demostración en directohttp://jsfiddle.net/EeAaB/

más informaciónhttp://css-tricks.com/rgba-browser-support/

Fuente

2012-06-25 06:00:25

Gracias. pero quiero ver la marca de flecha predeterminada en el menú de lista sin afectar a la fuente – Saranya

¿Puedes mostrar tu código en jsfiddle.net de lo que te ayudo correctamente .......... –

hay una manera de escribir esto más corto , como 'rgba ('black', 0.5)'? – Blauhirn

sí, eso es posible. simplemente use rgba-syntax para su color de fondo.

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

Fuente

2012-06-25 06:00:43 oezi

¡Hola! ¿Sabes algo sobre la definición de CSS de "color de fondo" con un canal aplha, pero al usar el valor #HEX para el color? –

Prueba esto:

opacity:0;

para IE8 y anteriores

filter:Alpha(opacity=0);

Opacity Demo from W3Schools

Fuente

2012-06-25 06:06:02 Vinod

Sí. Utilicé este código para desaparecer la flecha predeterminada en el menú de lista. Pero también afectará a la fuente. – Saranya

El sitio al que se está vinculando ... es terrible. –

@ JohnDvorak ¿por qué es w3schools terrible? – TheWandererr

En este caso background-color:rgba(0,0,0,0.5); es la mejor manera. Por ejemplo: background-color:rgba(0,0,0,opacity option);

Fuente

2013-11-23 00:27:33 dasdasdasdasd

mantener a estas tres opciones en mente (que desea # 3):

1) elemento entero es transparente:

visibility: hidden;

2) elemento integral es algo transparente:

opacity: 0.0 - 1.0;

3) Sólo el fondo del elemento es transparente:

background-color: transparent;

Fuente

2014-10-23 22:13:42 jordanb

Aquí es una clase de ejemplo usando CSS llamado colores:

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

Esto añade un fondo que es un 25% opaca (a color) y el 75% transparente.

Claves clínicas Por desgracia, la opacidad afectará a continuación, toda elemento al que está conectado.
Por lo tanto, si tiene texto en ese elemento, también establecerá el texto en un 25% de opacidad. :-(

Así, en la mayoría de los casos, que había necesidad de utilizar rgba o hsla métodos para indicar transparencia de fondo, sin afectar a la transparencia de todo en su elemento.

Aquí hay 3 formas de establecer un fondo azul en el 75% de transparencia:

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

Fuente

2017-08-19 07:47:55 SherylHohman

Color de fondo de CSS transparente

Respuesta

Cuestiones relacionadas