Comunidad de diseño web y desarrollo en internet online

HELP. Filtros iE 7 png problema con texto y opacidades

Citar            
MensajeEscrito el 29 Jul 2008 03:36 pm
Hola a todos, éste es mi primer post. A ver si tengo suerte y me podéis ayudar.
Veréis, tengo un display de fotografías y texto que cambia con una función Ajax. El problema que tengo es que dicha información se muestra en una capa, la cuál está encima de otras capas que llevan sendos .png cargados a través del filtro:
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader
<div>capa contenedora
<div>capa que no se porqué colorea el texto</div>
<div>capa con 1er. PNG</div>
<div>capa con 2o. PNG</div>
<div>capa de imágenes o texto, con contenido cambiante por Ajax</div>
</div>

Si quito los filtros, el texto se me muestra correctamente y las imágenes .png de 24 bits mal. Si lo dejo como está, el texto aparece con menos opacidad y como si hubiera cambiado el z-index, poniéndolo por debajo. Con las imágenes que hay al mismo nivel que el texto no hay problema y se visualizan bien. Sólo ocurre con el texto.

Consigo mejorar la visualización poniendo a la capa del texto un filtro iE con opacidad 100%, pero sigue apareciendo el texto coloreado con el color de la capa de menor nivel.

No puedo usar pngfix porque cambio la opacidad de una capa contenedora.

Con Firefox, como imagináis, sin problema.

¿A alguien se le ocurre algo? Gracias de antemano

Por jiujiujius

1 de clabLevel



 

msie7
Citar            
MensajeEscrito el 29 Jul 2008 04:31 pm
Rehola :-)
Lo he solucionado añadiendo opacidad y color en el estilo de la capa:
style="filter: progid:DXImageTransform.Microsoft.Alpha (opacity=100); color:#000000;">

Espero que os sirva para hacer efectos personalizados con cambio de opacidad y png de 24 bits.

Por jiujiujius

1 de clabLevel



 

msie7

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.