14 Comentarios

Agrega el tuyo

1. [...] 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. [...]

   Webmaster Libre | Arreglando la etiqueta <q> en Internet Explorer 6 Marzo, 2007

2. 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).

   lidia 10 Mayo, 2007

3. 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…

   michaelmuller.net | Diseño y Desarrollo Web 11 Junio, 2007

4. No me funciona y todas las rutas estan ok. Que puede pasar?

   raper0917 12 Julio, 2007

5. 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.

   Alma Fernández 13 Julio, 2007

6. 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(iepngfix.htc); }

   Saludos

   Droid 7 Agosto, 2007

7. 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

   Matias 11 Septiembre, 2007

8. 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

   Carlos 4 Junio, 2008

9. 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.

   Alma Fernández 4 Junio, 2008

10. 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));}*/

    rasputin 9 Septiembre, 2008

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

    un saludo

    rasputin 9 Septiembre, 2008

12. 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).

    Slash Kizar 21 Septiembre, 2008

13. Yo tampoco consigo echarlo a andar. Ayudita por favor!!!

    Elias 24 Septiembre, 2008

14. 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!

    Alma Fernández 24 Septiembre, 2008

Comentar:

Nombre: * Obligatorio

Email: * Obligatorio, no se mostrará

Web:

Comentario:

Notificarme de nuevos comentarios por e-mail