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

Problemas con transparencias PNG

Estas en el tema de Problemas con transparencias PNG en el foro de Diseño web en Foros del Web. Hola, tengo un problema con las transparencias de archivos PNG, a ver si alguien me puede ayudar: Estoy usando un degradado que tiene transparencias como ...
  #1 (permalink)  
Antiguo 02/05/2007, 15:15
 
Fecha de Ingreso: abril-2007
Mensajes: 4
Antigüedad: 10 años, 7 meses
Puntos: 0
Problemas con transparencias PNG

Hola, tengo un problema con las transparencias de archivos PNG, a ver si alguien me puede ayudar:

Estoy usando un degradado que tiene transparencias como parte del diseño de mi blog (pueden verlo en vidablog(punto)com), el caso es que aparentemente todo se muestra bien, pero en ocasiones las transparencias se vuelven de color gris y tengo que dar "ctrl+f5", por ejemplo así:

img71.imageshack.us/img71/4872/prri9(punto)png

(cambiar "(punto)" por ".", es que no me deja poner enlaces)

Esto me pasa en Firefox, no he probado si en otros navegadores pasa lo mismo.

Lo que quiero saber es si esto es "normal" con las transparencias PNG, o qué estoy haciendo mal o que debo hacer para que las transparencias se muestren siempre correctamente.

Un saludo :).
  #2 (permalink)  
Antiguo 03/05/2007, 08:04
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: Problemas con transparencias PNG

pone esto en tu página, dentro del HEAD:

Código HTML:
<!--[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]--> 
  #3 (permalink)  
Antiguo 03/05/2007, 21:51
 
Fecha de Ingreso: abril-2007
Mensajes: 4
Antigüedad: 10 años, 7 meses
Puntos: 0
Re: Problemas con transparencias PNG

Ese es un script para transparencias en IE... como lo puse en mi post esto me pasa en Firefox.
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 12:44.