[SOLUCIONADO] NO heredar valores de transparencia

[mariadelro]

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:

<div id="mapa">
    <h2>bla bla</h2>
</div>
 

Asi la css:

Código CSS:

#mapa{
    width: 360px;
    height:470px;
    background-color:#547172;
    filter: alpha(opacity=35);
    opacity: 0.3;
    }
    
#mapa h2{
    font-size: 1.7em;
    color:#000000!important;
        filter: alpha(opacity=100);
    opacity:1;
    }
 

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

[pzin]

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

Código CSS:

background-color: rgba(0,0,0,0.3);
 

O lo mismo pero usando hsla().

[mariadelro]

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

sabes si funciona también en iexplorer?

gracias de nuevo

[pzin]

Iniciado por mariadelro

sabes si funciona también en iexplorer?

Si.