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

png e internet explorer 6

Estas en el tema de png e internet explorer 6 en el foro de Diseño web en Foros del Web. bueno, yo utilizo pnfix.js para poder utilizar pngs en las páginas webs, pero tengo un problema con los fondos de imágenes basados en .css ya ...
  #1 (permalink)  
Antiguo 04/07/2008, 07:34
 
Fecha de Ingreso: julio-2007
Mensajes: 239
Antigüedad: 10 años, 5 meses
Puntos: 2
png e internet explorer 6

bueno, yo utilizo pnfix.js para poder utilizar pngs en las páginas webs, pero tengo un problema con los fondos de imágenes basados en .css ya que no me los vuelve transparentes.

¿Alguien sabe como hacerlo?
  #2 (permalink)  
Antiguo 04/07/2008, 07:54
Avatar de Aitikor  
Fecha de Ingreso: octubre-2007
Mensajes: 3
Antigüedad: 10 años, 2 meses
Puntos: 0
Busqueda Respuesta: png e internet explorer 6

Hola

Lo que debes utilizar es el pngbehavior.htc y un archivo blank.gif. Ambos los colocas dentro del directorio CSS. Después, cuando quieres que una imagen haga la transparencia se puede hacer de varias formas. Yo uso dos:

1. Creo un estilo PNG y a cada img png le pongo class="png" :

.png{behavior: url("css/pngbehavior.htc");}

2 La otra forma es poner en el estilo de la capa que incluye esa img en png:

.Capa_ejemplo{
position:relative;
etc...
etc...
behavior: url("css/pngbehavior.htc");
}

Cuando el PNG es un BACKGROUND la cosa cambia, para que el explorer 6 lo interprete bien, tienes que poner en el HEAD:

<!--[if IE]>
<style type="text/css">
#contenido{
top:0px;
width:750px;
height:1024px;
margin:auto;
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src='css/general/fondo_blanco.png',sizingMethod='scale');

}
</style>
<![endif]-->

Y en Css:

#contenido{
top:0px;
width:750px;
height:1024px;
margin:auto;
background:url (imagen.png) no-repeat;
}

Espero haber sido de ayuda! Para cualquier duda mandame un privado y nos ponemos en contacto vía mail.

Última edición por Aitikor; 04/07/2008 a las 07:57 Razón: aclarar más el mens
  #3 (permalink)  
Antiguo 04/07/2008, 14:53
 
Fecha de Ingreso: julio-2007
Mensajes: 239
Antigüedad: 10 años, 5 meses
Puntos: 2
Respuesta: png e internet explorer 6

Código:
<!--[if IE]>
<style type="text/css">
#contenido{
top:0px;
width:750px;
height:1024px;
margin:auto;
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src='css/general/fondo_blanco.png',sizingMethod='scale');
}
</style>
para ese método no hace falta el archivo pngbehavior.htc, no? y eso de css/general/fondo_blanco.png tiene que ser un archivo de 1 pixel transparente o blanco?

he realizado la prueba para backgrounds que es lo que necesito y una de las dos imágenes que he utilizado de fondo respeta la transparencia, pero en la otra no
se supone que funciona sin limites de imágenes no?
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 03:27.