[Ovillo] PNG transparente y filter de Microsoft
Andrés gutiérrez
andresgutgon en gmail.com
Mar Mayo 19 18:03:23 UTC 2009
Hola a todos ¿como hacéis vosotros para meter img transparentes PNG en
vuestras páginas y que se vean bien en ie5.5 y ie6
Lo que yo hago:
1-Pongo en el <head></head>
<head>
<!--[if lte IE 6]>
<style type="text/css">
.fixMe {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='the_png.png');padding-top:150px}
</style>
<![endif]-->
</head>
Sólo me funciona si lo pongo en el head. Si lo pongo en un archivo
.css aparte no me lo muestra. La ruta que pongo es relativa, pero
poniendo:
src='http://www.mipagina/img/the_png.png'
también me lo muestra
En el bodi lo uso asi:
<img src="the_png.png" class="fixMe" />
Como veís le aplico la clase que he definido en el head y esto hace
que muestre en esa etiqueta IMG una img de fondo y desplace 150px lo
que yo pongo en el atributo src de mi tag IMG
Dudas:
¿Este filtro se puede usar desde un .css externo? (a mi no me está funcionando)
Más información sobre la lista de distribución Ovillo