transparencia del png

eugecas · #1 (**permalink**) 27/10/2006, 14:23

Hola,

tengo un problema con la tranparencia del png de 24 bits, cuando lo meto dentro de un html no se ve como tranparente, alguien sabe como puedo resolver esto??

gracias

webpro_lukas · #2 (**permalink**) 27/10/2006, 14:45

exportalo como gif...
espero haberte sifo util.

chau,

Lucas.

DanielLucia · #3 (**permalink**) 27/10/2006, 15:45

eugecas si te das cuenta... en firefox se vera bien la transparencia, si lo que deseas es que en IE se vea bien.. hay un javascript por hay que hace todo ese trabajo sucio.

EDITO:

Código:

<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>

Este script es de sjam7, que me respondio un post que escribi con este mismo tema.

odunacam · #4 (**permalink**) 27/10/2006, 19:41

Bueno yo lo logre de la siguiente manera

<DIV ID="oDiv" STYLE="position:relative; width:100px; color:gold;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(
src=images/logo.png);" >
</DIV>

DanielLucia · #5 (**permalink**) 28/10/2006, 07:10

pero tendrias que aplicarle ese estilo a todas las imagenes PNG no?

con el script que puse antes te despreocupas de eso

eugecas · #6 (**permalink**) 28/10/2006, 09:15

funciono de maravilla !!!!

eugenia

odunacam · #7 (**permalink**) 28/10/2006, 11:47

Si, je je je pero no problema pues en mi pagina solo tengo un png con transparencia, aunque lo metere en una funcion de mi dll