unijimpe

¿Y si el usuario tiene desactivado js? La forma tradicional de hacerlo es con un behaviour de ie, y la más correcta.

Hola, muy interesante. Ya conocía otro script similar pero este es más ligero :P

PD: Muy interesante el blog!

Saludos!

Esto me ha salvado, y me ha quitado un peso de encima.

Está bueno este script, sobre tu opinión Blaxter, yo creo que hoy en dia el que no tiene habilitado js no le andaría ni la mitad de las páginas, menos con las 2.0 y el AJAX.

Probandolo vi que el script al parecer tiene un fallo, en IE6+ el padding en las imágenes no funciona correctamente.

Gracias compi ;) yo he posteado la forma de guardar los png en Photoshop para evitar ese fallo y me ha funcionado, pero nunca está de más, total por 1Kb :)
Un saludo.

Genial… con este me quita un peso de encima, soy «png lover», mejor calidad que el gif y mas practico, pero aun hay mucha gente que usa IE :P. Buen blog.

Chaox

Muy bueno pero tengo una inquietud he probado muchosbug pa IE pero algunos me servian para imagenes normales ejemplo: pero para un background no me servia quedaba con fondo igual, al utilizar un —- Body {
background-image:url (»);
}

seguia igual

Efectivamente hay otras librerías que corregían el problema para imágenes incrustadas en el HTML pero no para las utilizadas como fondo, esta librería si corrige este inconveniente.

gracias muchas gracias esto es genial

esto es genial, y yo que tenia miedo de usar png’s

gracias!

gracias por el js.

El script no funciona correctamente para FadeIn y FadeOut Effects de jQuery.
Para el otro problema si me funciono correctamente y consiste en PNG’s montados sobre otros PNG’s con sus respectivas transparencias.

Tengo problemas entorno a ese problema también. He echo botones que cambian cuando pones el ratón sobre la imagen, la del fondo transparente, y la de encima no.

En este caso el explorer «muestra enlaces a imágenes rotos»…

gracias por el aporte, me ha funcionado perfectamente. Saludos.

Muchas gracias por el aporte, aunque en ie6 cambia muchos estilos CSS de forma desastrosa.

para Raul:
Para evitar ese error en la imagen en ie6 create un gif de 1x1px que sea transparente y que se llame «clear.gif».

En la primera línea del .js verás la ruta donde lo tienes que poner.

Muchas gracias por la info.
Pero tengo un problemilla. No puedo ajustar las imágenes, que utilizo de fondo, en el div. Es decir, que background-position no me funciona. ¿Alguien sabe como solucionar esto y poder posicionar las imágenes dentro del div? Zen!!

No serìa mejor incluir el script como dice el autor?

Asi nos aseguramos de que sólo cargue en IE <= 6, y no cargamos nada de «sobra» en otro navegador

Muchas gracias, sencillo y fácil de usar.. ya había probado algunos, pero este funciona muy bien.. GRACIAS

A mi la verdad que no me funciona en mi IE6 :(, me sigue mostrando los png’s mal y para colmo depeniendo de las imágenes que tengo en mis desarrollos dejan de mostrarse dichas imágenes, incluí el archivo tal y como dice en el sitio de Unit Interactive pero nada, alguien puede postear un ejemplo que le funcione?… Gracias!!

me sirvio gracias, hay clientes que usan solo IE (lo probe en IE 6 y funciona perfecto),tenia problemas con los .pgn muy bueno el aporte.. saludos desde Perú

Amigos,,, si es posble, ayudenme,,,,
utilice el archivo y pues si sirve,, pero no se por que me redimenciona algunas imagenes, las escala de forma desastrosa,,, cambia totalmente el diseño al original,,,, arriba dice que escala las imagenes automaticamente,,,,, y yo no quiero eso, lo que pasa es que yo lo utilizo como fondo el cual se debe repetir la imagen, y no las repite si no las agranda….

amigos que hago…. ayudenme…………… porfavor

Qué tal Edbox, la verdad es que al utilizar el pngfix, lo que estás haciendo es quitar el ‘background-image’ – bueno, al menos como lo conoce css -.

Lo que utilizas es AlphaImageLoader para usar un filtro de IE (http://msdn.microsoft.com/en-us/library/ms532969(VS.85).aspx — acá puedes encontrar toda la descripción). Esta función no tiene ‘background-position’ o ‘background-repeat’. Para la posición, podrías usar otro div padre que ubique el que tengas con la imagen de fondo. Para la repetición, sólo puedes usar 3 opciones «crop» (para que encaje en el espacio), «image» (que mantenga las dimensiones de la imagen) o «scale» (que escala la imagen original).

El script lo que hace es revisar las opciones de ‘background-repeat’. En caso de ser ‘no-repeat’, utiliza la opción «crop», en cualquier otro caso usa «scale».

Disculpa el carretazo para decirte que no se puede… espero haya sido de alguna ayuda.

Saludos,

Luis

Excelente! Gracias. Ya lo estoy usando en mi blog sobre PPT. Saludos.

Hola a mi me pasa que la primera vez que carga la pagina se quedan imagenes sin mostrar, y en dependencia del lugar donde ponga el script me pasa que lo mismo que a edbox, como mejor me trabajo fue poniendo el script al final de la etiqueta html, ver web

Este script asi como esta, resuelve el tema de las transparencias pero desacomoda los elementos de la pagina. Ademas en un menu dhtml muestra una imagen rota superpuesta sobre la que si puede mostrar y me hace lo mismo sobre otra imagen png que no es mas que un cabezal.

Quisiera ver como usar de este script, solo lo que necesito y no afectara lo demas. Gracias

muy bueno sobre todo con los fondos, ya q pocas liberias soportan eso y ademas funcionan los link dentro del fondo..

DIOSSSSSSSSS GRACIASSSSSSSSSSSSSSSSSSSSSSSs

[…] Fuente: http://blog.unijimpe.net/ […]

hay un problema al usar la propiedad background-align no respeta la alineacion , es un enorme problema, si pretendes usar imagenes como fondo supongo que debe pasar lo mismo si usas algun body background

una solucion genial es la de esta pagina http://www.twinhelix.com/css/iepngfix/demo/ respeta perfectamente los background-align, solucion definitiva, tambien la de backgroundrepeat, tienen que usarlos junto con el archivo js para que funcionen estas 2 propiedades

amigo a mi no me da… hice los pasos tal como dice aca pero la imagen me sigue saliendo igual…

que puedo hacer? q otra opcion me dan?

Saludos desde venezuela

Hola, espero que alguien me responda porque veo que el artículo es algo antiguo, me funciona perfecto! pero tengo un png como fondo en una ul que tiene <a&bt; y pasa que no me funcionan los a con este tuquillo, es muy raro, a alguien le paso?