Webmaster Libre

16 Respuestas a “Arreglo rápido para los PNG en Internet Explorer 6”

Agrega tu comentario

1. lidia dice:

   10 Mayo 2007 a las 13:22

   y cómo lo hago si lo que quiero es ponerle sombra a mi web? es decir necesito que la imagen png se repita verticalmente (repeat-y).
2. raper0917 dice:

   12 Julio 2007 a las 18:37

   No me funciona y todas las rutas estan ok. Que puede pasar?
3. Alma Fernández dice:

   13 Julio 2007 a las 15:54

   Pues no sé, si estás tratando de usar PNG como fondo de un contenedor quizá no te sirva este “truco” puedes probar con la librería javascript IE7 a ver si hay más fortuna.
4. Droid dice:

   7 Agosto 2007 a las 9:54

   Un tip, para no estar agregando cada div o class en la sección e código del iepngfix.htc, se puede usar el asterisco, así cualquier elemento estará cubierto y no tendrás que editar cada vez que agregues un div.

   *{ behavior: url(#topofpage); }

   Saludos
5. Matias dice:

   11 Septiembre 2007 a las 20:28

   Tienen idea cómo implementarlo en un blog de blogger? Es decir, ahí no encuentro forma de subir el archivo al servidor, ¿se entiende?
   Saludos
6. Carlos dice:

   4 Junio 2008 a las 17:49

   La solución está bien, pero usando en cada div o con el asterisco en el CSS me anula todos los efectos de a:hover que tengo con imágenes PNG. Aunque solo lo haga en un div, me anula lo demás.

   ¿Alguien me puede ayudar?
   Gracias de antemano
7. Alma Fernández dice:

   4 Junio 2008 a las 18:15

   La verdad es que no conozco la solución, puedes probar a utilizar javascript (el enlace dos comentarios más arriba), aplicar el htc sólo a las imágenes que deban tener fondo transparente o probar a declarar los estilos de :hover del resto de las imágenes por debajo de donde cargas el htc en la cascada.
8. rasputin dice:

   9 Septiembre 2008 a las 13:25

   conoceis este?

   fix en css utilizando ‘expresions’, se puede añadir con un comentario condicional para ie

   _________________________________________________
   /* ie6 hack for background images in png */
   * html img, * html .png{
   azimuth:expression(this.pngSet?this.pngSet=true:(this.nodeName==”IMG”?(this.src.toLowerCase().indexOf(’.png’)>-1?(this.runtimeStyle.backgroundImage=”none”,
   this.runtimeStyle.filter = “progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’” + this.src + “‘, sizingMethod=’image’)”,
   this.src=”images/b.gif”):”):(this.currentStyle.backgroundImage.toLowerCase().indexOf(’.png’)>-1)?(this.origBg=(this.origBg)?this.origBg:this.currentStyle.backgroundImage.toString().replace(’url(”‘,”).replace(’”)’,”),
   this.runtimeStyle.filter=”progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’”+this.origBg+”‘,sizingMethod=’crop’)”,
   this.runtimeStyle.backgroundImage=”none”):”),this.pngSet=true);
   }
   * html .pngr{
   azimuth:expression(
   this.pngSet?this.pngSet=true:(this.nodeName==”IMG”&&this.src.toLowerCase().indexOf(’.png’)>-1?(this.runtimeStyle.backgroundImage=”none”,
   this.runtimeStyle.filter=”progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’”+this.src+”‘,sizingMethod=’image’)”,
   this.src=”images/b.gif”):(this.origBg=this.origBg||this.currentStyle.backgroundImage.toString().replace(’url(”‘,”).replace(’”)’,”),
   this.runtimeStyle.filter=”progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’” + this.origBg + “‘,sizingMethod=’scale’)”,
   this.runtimeStyle.backgroundImage=”none”)),this.pngSet=true);
   }
   /* WARNING!
   Unclickable child elements inside PNG backgrounds. Puagh!
   (a, input, select, textarea, iframe, object, label) fix with -> position:relative */
   * html .png a,* html .png input,* html .png select,* html .png textarea,* html .png iframe,* html .png label,* html .png object{azimuth:expression(this.clickFix?this.clickFix=true:(this.currentStyle["position"]!=”absolute”?(this.style.position=”relative”):”),this.clickFix=true);}
   /* * html {filter:expression(document.execCommand(”BackgroundImageCache”,false,true));}*/
9. rasputin dice:

   9 Septiembre 2008 a las 13:27

   ah, tambien medio arregla el problema de los enlaces cuando utilizas un fondo con png

   un saludo
10. Slash Kizar dice:

    21 Septiembre 2008 a las 0:18

    Gracias!!! es realmente lo que andaba buscando, solo que aun no lo puedo hacer funcionar xD pero por fin estoy seguro que funcionara. (me estoy viendo bastante piedra).
11. Elias dice:

    24 Septiembre 2008 a las 10:53

    Yo tampoco consigo echarlo a andar. Ayudita por favor!!!
12. Alma Fernández dice:

    24 Septiembre 2008 a las 12:51

    Es simple, subis el archivo al servidor y lo llamáis desde la hoja de estilo en las imágenes que necesitan ser transparentes.
    Si no funciona o no os convence podéis probar el método que puso rasputín unos comentarios más arriba, ponéis el código directamente en la hoja de estilo y listo.
    Y si con ese tampoco podéis probar la librería javascript que cito unos comentarios más arriba.
    ¡Suerte!

Trackbacks/Pingbacks

1. Webmaster Libre | Arreglando la etiqueta <q> en Internet Explorer dice:

   6 Marzo 2007 a las 15:07

   [...] Como ya vimos con el caso de los png, existen unos archivos llamados behaviors (comportamientos) que nos permiten proveer de estas funcionalidades a Internet Explorer. [...]
2. michaelmuller.net | Diseño y Desarrollo Web dice:

   11 Junio 2007 a las 4:54

   Hack de IE para transparencia de PNGs…

   Dos sitios que cubren el tema del manejo de PNGs con transparencia en Internet Explorer 6. Este asunto nos ha causado seguramente a todos una molestia en algún projecto, pero hay soluciones.
   Esperemos nomás a que pronto termine de desapa…
3. Webmaster Libre | DD_belatedPNG, un nuevo método para arreglar los PNG en Internet Explorer 6 dice:

   9 Diciembre 2008 a las 17:10

   [...] este blog ya hemos comentado algunos métodos para conseguir que funcionen correctamente los PNG con transparencia pero ninguno es del todo fiable, con algunos no funcionan bien cosas tan simples [...]
4. DD_belatedPNG, un nuevo método para arreglar los PNG en Internet Explorer 6 | Mantis Technology Solutions Blog dice:

   11 Enero 2009 a las 0:50

   [...] este blog ya hemos comentado algunos métodos para conseguir que funcionen correctamente los PNG con transparencia pero ninguno es del todo fiable, con algunos no funcionan bien cosas tan simples [...]

Feed RSS de los comentarios de este post.