Transparencia de PNG en Internet Explorer (versión para flojos) Publicada el Miércoles 24 de Octubre de 2007 a las 5:02 am por Ba-k
En dos ocasiones (una y dos) se ha hablado en este blog de habilitar la transparencia natural de los archivos PNG en Internet Explorer... porque cuando se usa un png transparente en IE, se ve todo mal ¬¬
Las dos veces que se habló aqui de ese tema se trató con un tutorial bastante estandar, pero sinceramente no le veo mucho caso a gastar tanto tiempo en eso, asi que me voy por el camino de los flojos y les doy mi secreto ñ_ñ
Para hacer transparentes los PNG en sus paginas cuando se vean en internet explorer, solo pongan este archivo, en la carpeta donde tienen sus HTML, el archivo se llama pngfix.js
Despues de eso agreguen este codigo entre el <head> y </head> de sus páginas esto:
-
<!--[if lt IE 7.]>
-
<script defer type="text/javascript" src="pngfix.js"></script>
-
<![endif]-->
Ok, yo se que no es una solución con mucho glamour, pero sirve y sirve bien ñ_ñ
Reiji
Octubre 24, 2007 a las 7:11 am
Olvidaste mencionar que para que el script pueda identificar cada png y le aplique la transparencia, dicha imágen debe tener previamente especificado el ancho y el alto.
Enrique
Octubre 24, 2007 a las 7:18 am
Esta solución va cojonuda cuando metemos las imágenes directamente en el marcado, pero le veo un par de inconvenientes.
El primero es que cuando intentas unir este script a otro, como por ejemplo uno para imágenes aleatorias, el pngfix para IE6 deja de funcionar ;-(
El segundo es que solo sirve para PNG directemente en el marcado, cuando ponemos un PNG como fondo de una capa, tampoco funciona ;-(
Pero eso esi, para imagenes sueltas en el marcado, va muy pero que muy bien.
eduard
Octubre 24, 2007 a las 8:25 am
A mi no me funciona
no puedo hacerlo
Octubre 24, 2007 a las 9:10 am
Hola, es una de las primeras veces que entro en esta página. El consejo me parace muy bueno, pero hay un problema, falta el código entre [code][/code]
wydblog
Octubre 24, 2007 a las 9:58 am
veremos si funciona, ahora lo pruebo… gracias por el aporte xD
wydblog
Octubre 24, 2007 a las 10:07 am
lamentablemente no me funciona, hice todo lo que dijiste: puse el archivo .js en la carpeta de mis htmls y luego puse [code][/code] en el head… pero no paso nada
:S
iswm
Octubre 24, 2007 a las 10:14 am
wydblog, no tienes que poner [code][/code] sino un codigo que se le olvido pegar xD
Ba-k
Octubre 24, 2007 a las 1:54 pm
Jajaja, mil disculpas, ustedes comprenderán, estoy actualizando 4 blogs y tengo pilas de trabajo
malditas drogas (y el insomnio ¬¬)
pero ya se los corregí =)
rkmcolima
Octubre 27, 2007 a las 2:22 am
Que tal ba-k, oye disculpa, ese .js no me funciona cuando pongo la imagen como fondo(dentro de una tabla) como le puedo hacer? en realidad me interesa la ayuda, ya que si no logro solucionar ese problema no podre dejar el diseño de la página como yo quiero :S
Sergio Daniel
Noviembre 13, 2007 a las 5:40 pm
¿Me podrías por favor ayudar?
Es que estoy haciendo esto mismo pero para un sitio administrado por wordpress. He metido el archivo por todas partes pero en ningún lugar funciona.
Te agradecería que me colaboraras.
Gracias :)
( Discúlpame, por error comenté esto mismo en otra entrada, te agradecería la borraras. Está en la de BigDump :$ )
Calila
Marzo 8, 2008 a las 4:57 am
Este me podrias ayudar, se que es algo tonto, pero intento descomprimir el archivo y me tira un error, he intentado descomprimirlo en mac, pc, y en diferentes programas y nada..
Me podrias dar una ayudita…??? O alguien de aca que ya haya bajado el archivo que pueda enviarmelo
Gracias…
mi correo es
cprincon@msn.comGracias..!!