Foros del Web » Creando para Internet » CSS »

Imagen PNG no muestra fondo trasparente

Estas en el tema de Imagen PNG no muestra fondo trasparente en el foro de CSS en Foros del Web. Hola, Tengo las imagenes de mi web en PNG porque en gif me pierden mucha calidad, pero en png no aparecen con fondo trasparente ? ...
  #1 (permalink)  
Antiguo 12/09/2008, 03:26
 
Fecha de Ingreso: mayo-2007
Mensajes: 239
Antigüedad: 10 años, 6 meses
Puntos: 0
Imagen PNG no muestra fondo trasparente

Hola, Tengo las imagenes de mi web en PNG porque en gif me pierden mucha calidad, pero en png no aparecen con fondo trasparente ? si están con fondo trasparente, pero me salen con el color de fondo de la web. como puedo hacer para que en PNG muestre el fondo de la imagen (trasparente) Gracias un saludo!
  #2 (permalink)  
Antiguo 12/09/2008, 03:49
Avatar de kazafun  
Fecha de Ingreso: diciembre-2003
Ubicación: Elda
Mensajes: 843
Antigüedad: 14 años
Puntos: 13
Respuesta: Imagen PNG no muestra fondo trasparente

deben ser PNG 24
__________________
MUERTE a Internet Explorer


Mi portfolio de diseño web en Elda
  #3 (permalink)  
Antiguo 12/09/2008, 04:56
 
Fecha de Ingreso: septiembre-2008
Mensajes: 29
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: Imagen PNG no muestra fondo trasparente

si estás usando un IE anterior al 7, ese puede ser el motivo. Hay que hacer un pequeño arreglillo. No sé si en estos foros se ha hablado del tema porque es mi primer mensaje (me acabo de registrar para preguntar unas cosillas de css), pero si buscas en google "transparencia png IE 6" te saldrán varias fuentes de cómo hacerlo
un saludo
  #4 (permalink)  
Antiguo 12/09/2008, 05:36
 
Fecha de Ingreso: mayo-2007
Mensajes: 239
Antigüedad: 10 años, 6 meses
Puntos: 0
Respuesta: Imagen PNG no muestra fondo trasparente

ok gracias por vuestra ayuda, buscare en google ahora, gracias.
  #5 (permalink)  
Antiguo 12/09/2008, 08:12
Avatar de PosicionamientoSeo  
Fecha de Ingreso: julio-2008
Ubicación: Argentina
Mensajes: 858
Antigüedad: 9 años, 5 meses
Puntos: 64
Respuesta: Imagen PNG no muestra fondo trasparente

Hola piscui

Este tema ha sido repetido muchas veces, tanto en el Foro como en Internet.
Pues bien, la solución es tan simple como implementar un script en el código fuente:

Coloca el siguiente código entre las etiquetas <head> de tu Sitio:

Código:
<!--[if gte IE 5.5000]>
<script language="JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent("onload", correctPNG);
</script>
<![endif]-->
Éxitos!
__________________
¡Feliz año 2011 para todos!
  #6 (permalink)  
Antiguo 12/09/2008, 11:32
 
Fecha de Ingreso: mayo-2007
Mensajes: 239
Antigüedad: 10 años, 6 meses
Puntos: 0
Respuesta: Imagen PNG no muestra fondo trasparente

gracias por tu colaboracion probaré ahora mismo a implementar ese codigo en mi página, saludosy gracias compañero!
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 05:41.