Transparencias .PNG e Internet Explorer 6 ¿Seguis teniendole en cuenta?

[juanolo]

Creando diseños web siempre me e encontrado con este problema.
Que Internet Explorer 6 no representa las transparencias de este tipo de imagenes.

¿Seguis teniendo en cuenta a Internet Explorer 6 a la hora de crear y diseñar paginas web?
Os atais las manos y siempre que podeis usais gifs?
O no le teneis en cuenta y creais diseños en PNG sin importar IE6?

[cristian_cena]

Hola juanolo, yo sigo teniéndolo encuenta. Para inluir png lo hago utilizando la libreria jsIE7 y tal como indica la librería guardo mis png con el sufijo "-trans", así el archivo resultante sería algo así como "miImagen-trans.png".

Un saludo!

[juanolo]

Iniciado por cristian_cena

Hola juanolo, yo sigo teniéndolo encuenta. Para inluir png lo hago utilizando la libreria jsIE7 y tal como indica la librería guardo mis png con el sufijo "-trans", así el archivo resultante sería algo así como "miImagen-trans.png".

Un saludo!

A mi me ocurre un problema con esa libreria.

Le digo que lo cargue cuando sea una version inferior a IE7 y si, funciona, se ven las transparencias... pero algunos estilos CSS no los coge las imagenes. Por ejemplo: si floto una imagen a la derecha, en cuanto ejecuta la libreria, me la vuelve a flotar al a izquierda. Igual creo que pasa con los margenes.

[chichote]

Hola Juanolo:

Sin duda debes tomar en cuenta ie, lamentablemente para nosotros muchas personas (la mayoria) utilizan ie, y peor aun, muchos no lo actualizan jeje y estan pegados en ie6.

Por un tiempo trabaje con jsIE7 que te recomienda cristian_cena, es muy simple de utilizar, pero presenta algunos problemas al aplicar transparencia a los background, sobre todo con la utilizacion de ajax.

Actualmente trabajo con DD_belatedPNG.js, una libreria muy versatil, quizas no tan facil de utilizar que jsIE7 pero mucho mas versatil, te recomiendo q te tomes una hora en comprender su metodo y te ayudara mucho en tus proyectos, ya que despues te olvidas de ie6 y trabajar normalmente con esa libreria.

puedes ver un ejemplo en http://www.anieto2k.com/2008/12/09/p...dd_belatedpng/

saludos

[juanolo]

Iniciado por Cherivera

Hola Juanolo:

Sin duda debes tomar en cuenta ie, lamentablemente para nosotros muchas personas (la mayoria) utilizan ie, y peor aun, muchos no lo actualizan jeje y estan pegados en ie6.

Por un tiempo trabaje con jsIE7 que te recomienda cristian_cena, es muy simple de utilizar, pero presenta algunos problemas al aplicar transparencia a los background, sobre todo con la utilizacion de ajax.

Actualmente trabajo con DD_belatedPNG.js, una libreria muy versatil, quizas no tan facil de utilizar que jsIE7 pero mucho mas versatil, te recomiendo q te tomes una hora en comprender su metodo y te ayudara mucho en tus proyectos, ya que despues te olvidas de ie6 y trabajar normalmente con esa libreria.

puedes ver un ejemplo en http://www.anieto2k.com/2008/12/09/p...dd_belatedpng/

saludos

Estoy probando esta libreria y... con imagenes png me funciona perfectamente... pero si le pongo un png de fondo a una tabla... el IE6 se queda colgado
¿Tambien te ha pasado alguna vez?

Simplemente, en el archivo CSS hay lo siguiente por ejemplo...
#id_tabla{ background-image:url(../images/camara_de_fotos.png); }

y en el html...
<table id="id_tabla" class="img_png">
.......
</table>

y en la cabecera del html...
<!--[if lt IE 7]>
<script language="javascript" type="text/javascript" src="./js/DD_belatedPNG.js"></script>
<script>DD_belatedPNG.fix('.img_png');</script>
<![endif]-->



Y se keda colgado

[cristian_cena]

Buen dato cherivera, lo veré también.

[timz]

Iniciado por juanolo

Creando diseños web siempre me e encontrado con este problema.
Que Internet Explorer 6 no representa las transparencias de este tipo de imagenes.

¿Seguis teniendo en cuenta a Internet Explorer 6 a la hora de crear y diseñar paginas web?
Os atais las manos y siempre que podeis usais gifs?
O no le teneis en cuenta y creais diseños en PNG sin importar IE6?

Hola amiguin,

Aqui te dejo la solucion a tu problema, en blog.unijimpe.net hay un excelente tutorial para resolver este tema.

como lo dice en una parte del tutorial

Uno de los problemas mas comunes al implementar páginas HTML es al momento de utilizar PNGs transparentes (En lugar de los GIF transparentes que muestran un borde mordido muy anti-estético) y es que en navegadores Internet Explorer 5.5 y 6 no se muestran correctamente, para ello le presentamos algunas soluciones.

Clic ver tutorial


FUENTE: http://blog.unijimpe.net


Saludos!

[chichote]

Iniciado por juanolo

Estoy probando esta libreria y... con imagenes png me funciona perfectamente... pero si le pongo un png de fondo a una tabla... el IE6 se queda colgado
¿Tambien te ha pasado alguna vez?

Simplemente, en el archivo CSS hay lo siguiente por ejemplo...
#id_tabla{ background-image:url(../images/camara_de_fotos.png); }

y en el html...
<table id="id_tabla" class="img_png">
.......
</table>

y en la cabecera del html...
<!--[if lt IE 7]>
<script language="javascript" type="text/javascript" src="./js/DD_belatedPNG.js"></script>
<script>DD_belatedPNG.fix('.img_png');</script>
<![endif]-->



Y se keda colgado

Yo la utilizo de la siguiente manera.

maqueto mi pagina normalmente sin preocuparme de ie, y una vez que tengo lista la maqueta agrego el codigo con la libreria que me ayudara a resolver los problemas con ie6, lo hago asi:

Código HTML:

<!--[if IE 6]>
    <script src="<? echo $path?>js/DD_belatedPNG.js"></script>
    <script>
      DD_belatedPNG.fix('#banner_principal');
      DD_belatedPNG.fix('#banner_principal_repositorio');
      DD_belatedPNG.fix('#principal');
      DD_belatedPNG.fix('#caja_iz');
      DD_belatedPNG.fix('.caja');
      DD_belatedPNG.fix('img');
    </script>
    <![endif]--> 

Donde cada uno apunta a una caja (div) a la que le quiero dar el efecto de transparencia. y la ultima que agrego es img que es la etiqueta para llamar las imagenes, es mas que nada por paranoia jajaja, para asegurarme de que funcione.

La opcion que da timz tambien es muy buena, pero si trabajas con otra libreria cliente como prototype o motools te puede presentar problemas, aunque jquery tiene una funcion para evitar conflictos, pero en ocaciones no es suficiente y los problemas persisten.

Saludos

[gerchulino]

IE6 si reproduce las imagenes PNG con transparenicas al menos si la imagen esta bien hecha, por lo menos las imagenes que yo hago se ven de maravilla en IE6

[chichote]

Iniciado por gerchulino

IE6 si reproduce las imagenes PNG con transparenicas al menos si la imagen esta bien hecha, por lo menos las imagenes que yo hago se ven de maravilla en IE6

Como logras ese milagro? por favor explicanos. logras eso sin la ayuda de una libreria, simplemente que Internet Explorer en su version 6 logre interpretar de forma nativa la transparencia de un PNG?

naaaaa, mira bien la version de tu IE, debe ser 7 u 8

saludos

[juanolo]

Iniciado por gerchulino

IE6 si reproduce las imagenes PNG con transparenicas al menos si la imagen esta bien hecha, por lo menos las imagenes que yo hago se ven de maravilla en IE6

Yo he leido por ahi alguna manera de hacerlo con photoshop haciendo no se que cosa rara (aunque nunca lo he probado), pero vamos, cualquier PNG "bien hecho" como dices, no se ve en IE6.

Quiza siendo de 8bit y cumpliendo algun requisito y haciendo esa historia con photoshop quiza (aunque lo mismo es un fake, nunca lo llegue a probar) pero yo juraria que en IE6 no se ve la transparencia de ningun PNG de 24bit "bien hecho", vamos... cualquier diseño en PNG guardado con un software de diseño grafico (phoshop, corel, gimp, etc) supongo que estara "bien hecho" xD.

Si no, por que existen esas librerias para IE6? Si se vieran de forma normal no existiria.

Si sabes el truco dinoslo, nos sera de gran ayuda.