Foros del Web » Creando para Internet » CSS »

PNG y CSS para IE

Estas en el tema de PNG y CSS para IE en el foro de CSS en Foros del Web. Hola tengo varias imagenes en una web y me gusta ponerlas en PNG, porque dan mas calidad ocupando menos, pero claro si hago eso, las ...
  #1 (permalink)  
Antiguo 17/03/2006, 12:41
Avatar de shakaran  
Fecha de Ingreso: agosto-2005
Ubicación: España - Ciudad Real
Mensajes: 374
Antigüedad: 12 años, 4 meses
Puntos: 7
PNG y CSS para IE

Hola tengo varias imagenes en una web y me gusta ponerlas en PNG, porque dan mas calidad ocupando menos, pero claro si hago eso, las trasparencias y mucho de lo que tengo en CSS solo se ven bien en firefox...sabeis si hay algun script para que la gente que se meta desde el IE las vea bien? Gracias
  #2 (permalink)  
Antiguo 17/03/2006, 13:24
Avatar de fullmental  
Fecha de Ingreso: octubre-2004
Ubicación: México DF, Xochimilco
Mensajes: 593
Antigüedad: 13 años, 1 mes
Puntos: 3
si lo hay seguramente si usas el motor de busqueda de este mismo foro lo encontraras

busca png fix ie

aqui o en google.
  #3 (permalink)  
Antiguo 18/03/2006, 16:06
Avatar de sjam7  
Fecha de Ingreso: diciembre-2001
Ubicación: Guadalajara, Mexico
Mensajes: 3.669
Antigüedad: 16 años
Puntos: 16
Pon este script en tus paginas:

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]-->
__________________
CreandoWebs.com
www.creandowebs.com
PLANTILLAS TEMPLATEMONSTER CON 10% DE DESCUENTO
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:19.