Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] NO heredar valores de transparencia

Estas en el tema de NO heredar valores de transparencia en el foro de CSS en Foros del Web. Hola, agradezco si alguien puede ayudarme con la siguiente duda: Tengo un bloque de color con opacidad del 30%, y necesito ponerle un texto negro ...
  #1 (permalink)  
Antiguo 27/01/2014, 11:12
 
Fecha de Ingreso: mayo-2008
Mensajes: 33
Antigüedad: 11 años, 7 meses
Puntos: 1
NO heredar valores de transparencia

Hola, agradezco si alguien puede ayudarme con la siguiente duda:

Tengo un bloque de color con opacidad del 30%, y necesito ponerle un texto negro al 100% (#000).

tengo así el código:
Código HTML:
Ver original
  1. <div id="mapa">
  2.     <h2>bla bla</h2>
  3. </div>

Asi la css:

Código CSS:
Ver original
  1. #mapa{
  2.     width: 360px;
  3.     height:470px;
  4.     background-color:#547172;
  5.     filter: alpha(opacity=35);
  6.     opacity: 0.3;
  7.     }
  8.    
  9. #mapa h2{
  10.     font-size: 1.7em;
  11.     color:#000000!important;
  12.         filter: alpha(opacity=100);
  13.     opacity:1;
  14.     }

Pero el h2 me "hereda" la opacidad. Alguien puede decirme como hago para que no la herede?

Espero que alguien tenga la respuesta. Muchas gracias,

maria

Última edición por pzin; 27/01/2014 a las 14:40 Razón: formato código
  #2 (permalink)  
Antiguo 27/01/2014, 11:19
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.483
Antigüedad: 17 años, 4 meses
Puntos: 2111
Respuesta: NO heredar valores de transparencia

En lugar de ponerle opacidad a todo el elemento, ponle un color de fondo con canal alpha:

Código CSS:
Ver original
  1. background-color: rgba(0,0,0,0.3);

O lo mismo pero usando hsla().
  #3 (permalink)  
Antiguo 27/01/2014, 11:45
 
Fecha de Ingreso: mayo-2008
Mensajes: 33
Antigüedad: 11 años, 7 meses
Puntos: 1
Respuesta: NO heredar valores de transparencia

¡muchas gracias pzin!, funciona de maravilla en firefox y en safari

sabes si funciona también en iexplorer?

gracias de nuevo
  #4 (permalink)  
Antiguo 27/01/2014, 14:40
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.483
Antigüedad: 17 años, 4 meses
Puntos: 2111
Respuesta: NO heredar valores de transparencia

Cita:
Iniciado por mariadelro Ver Mensaje
sabes si funciona también en iexplorer?
Si.

Etiquetas: background, color, heredar, transparencia
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 06:35.