Foros del Web » Creando para Internet » Diseño web »

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

Estas en el tema de Transparencias .PNG e Internet Explorer 6 ¿Seguis teniendole en cuenta? en el foro de Diseño web en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 05/04/2010, 06:07
Avatar de juanolo  
Fecha de Ingreso: abril-2008
Mensajes: 251
Antigüedad: 15 años, 11 meses
Puntos: 5
Pregunta Transparencias .PNG e Internet Explorer 6 ¿Seguis teniendole en cuenta?

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?
  #2 (permalink)  
Antiguo 05/04/2010, 07:44
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 9 meses
Puntos: 269
Respuesta: Transparencias .PNG e Internet Explorer 6 ¿Seguis teniendole en cuenta?

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!
  #3 (permalink)  
Antiguo 05/04/2010, 08:29
Avatar de juanolo  
Fecha de Ingreso: abril-2008
Mensajes: 251
Antigüedad: 15 años, 11 meses
Puntos: 5
Respuesta: Transparencias .PNG e Internet Explorer 6 ¿Seguis teniendole en cuenta?

Cita:
Iniciado por cristian_cena Ver Mensaje
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.
  #4 (permalink)  
Antiguo 05/04/2010, 08:48
Avatar de chichote
Colaborador
 
Fecha de Ingreso: diciembre-2004
Ubicación: Santiago - Chile
Mensajes: 1.868
Antigüedad: 19 años, 3 meses
Puntos: 145
Respuesta: Transparencias .PNG e Internet Explorer 6 ¿Seguis teniendole en cuenta?

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
  #5 (permalink)  
Antiguo 05/04/2010, 11:02
Avatar de juanolo  
Fecha de Ingreso: abril-2008
Mensajes: 251
Antigüedad: 15 años, 11 meses
Puntos: 5
Respuesta: Transparencias .PNG e Internet Explorer 6 ¿Seguis teniendole en cuenta?

Cita:
Iniciado por Cherivera Ver Mensaje
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

Última edición por juanolo; 05/04/2010 a las 23:49
  #6 (permalink)  
Antiguo 05/04/2010, 17:38
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 9 meses
Puntos: 269
Respuesta: Transparencias .PNG e Internet Explorer 6 ¿Seguis teniendole en cuenta?

Buen dato cherivera, lo veré también.
  #7 (permalink)  
Antiguo 06/04/2010, 00:21
(Desactivado)
 
Fecha de Ingreso: octubre-2008
Ubicación: Lima
Mensajes: 190
Antigüedad: 15 años, 5 meses
Puntos: 3
Respuesta: Transparencias .PNG e Internet Explorer 6 ¿Seguis teniendole en cuenta?

Cita:
Iniciado por juanolo Ver Mensaje
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
Cita:
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!
  #8 (permalink)  
Antiguo 06/04/2010, 07:59
Avatar de chichote
Colaborador
 
Fecha de Ingreso: diciembre-2004
Ubicación: Santiago - Chile
Mensajes: 1.868
Antigüedad: 19 años, 3 meses
Puntos: 145
Respuesta: Transparencias .PNG e Internet Explorer 6 ¿Seguis teniendole en cuenta?

Cita:
Iniciado por juanolo Ver Mensaje
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
__________________
http://chicho.ninja yiaaaa
  #9 (permalink)  
Antiguo 07/04/2010, 07:26
 
Fecha de Ingreso: abril-2008
Mensajes: 223
Antigüedad: 15 años, 11 meses
Puntos: 8
Respuesta: Transparencias .PNG e Internet Explorer 6 ¿Seguis teniendole en cuenta?

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
__________________
deep web, free deep web
  #10 (permalink)  
Antiguo 07/04/2010, 07:57
Avatar de chichote
Colaborador
 
Fecha de Ingreso: diciembre-2004
Ubicación: Santiago - Chile
Mensajes: 1.868
Antigüedad: 19 años, 3 meses
Puntos: 145
Respuesta: Transparencias .PNG e Internet Explorer 6 ¿Seguis teniendole en cuenta?

Cita:
Iniciado por gerchulino Ver Mensaje
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
__________________
http://chicho.ninja yiaaaa
  #11 (permalink)  
Antiguo 07/04/2010, 08:54
Avatar de juanolo  
Fecha de Ingreso: abril-2008
Mensajes: 251
Antigüedad: 15 años, 11 meses
Puntos: 5
Pregunta Respuesta: Transparencias .PNG e Internet Explorer 6 ¿Seguis teniendole en cuenta?

Cita:
Iniciado por gerchulino Ver Mensaje
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.

Etiquetas: explorer, internet, png
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:29.