Foros del Web » Creando para Internet » CSS »

hacer que opacity afecete sólo al fondo y no al texto

Estas en el tema de hacer que opacity afecete sólo al fondo y no al texto en el foro de CSS en Foros del Web. Buenas tardes. Gente, me he encontrado con un pequeño inconveniente a la hora de aplicar un opacity como fondo. Lo que intento hacer es que ...
  #1 (permalink)  
Antiguo 20/10/2012, 08:12
Avatar de danny_  
Fecha de Ingreso: septiembre-2012
Mensajes: 95
Antigüedad: 11 años, 7 meses
Puntos: 4
hacer que opacity afecete sólo al fondo y no al texto

Buenas tardes.

Gente, me he encontrado con un pequeño inconveniente a la hora de aplicar un opacity como fondo.

Lo que intento hacer es que ese filto de opacity sólo afecte al fondo y no a las etiquetas <a> o <h1> que ponga por encima de dicha capa.

Un saludo y gracias de antemano.
  #2 (permalink)  
Antiguo 20/10/2012, 12:31
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: hacer que opacity afecete sólo al fondo y no al texto

Podrías, en vez de usar opacity, usar rgba. Funciona en la última versión de todos los navegadores.

Código CSS:
Ver original
  1. div {
  2.    background-color: rgba(0,0,0,0.5);
  3. }

Etiquetas: opacity
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:17.