Ayuda - Link PNG transparente no funciona en IE

kidart · #1 (**permalink**) 01/07/2010, 00:50

Hola,

Los consulto a ver si alguien me puede dar una mano, tengo un png con fondo transparente pero en el explorer me aparece el fondo gris, estuve probando con unas soluciones que encontre foreando pero si aparece el boton deja de linkear:

El codigo de mi html es el siguiente:

Código HTML:

Ver original<html>
<head>
    
    <title>An - Collections, illustrations and projects</title>
      <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
<meta name="expires"       content="never" />
<meta name="language"      content="english" />
<meta name="distribution"  content="global" />
<meta name="robots"        content="index, follow" />
<meta name="revisit-after" content="2 days" />
<meta name="author"        content="Kidart Corporation" />
<meta name="publisher"     content="A" />
<meta name="copyright"     content="2010 A" />
 
  
    <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.js"></script>
    <script type="text/javascript" src="supersized.1.0.js"></script>
    <script type="text/javascript">
    
    $(function(){
        $.fn.supersized.options = {  
            startwidth: 1024,  
            startheight: 768,
            minsize: .50,
            slideshow: 1,
            slideinterval: 5000  
        };
        $('#supersize').supersized(); 
    });
 
</script>
        
    </script>
    <style type="text/css">
        *{
            margin:0;
            padding:0;
            font:60px "Gotham Black", Arial, sans-serif;
            color:#FFF;
        }
        img{
            border:none;
        }
        body {
            overflow:hidden;/*Needed to eliminate scrollbars*/
        }
        #content{
    margin:0px auto;
    height:50%;
    width:100%;
    bottom:5%;
    position:absolute;
        }
        #contentframe{
            text-align:center;
        }
        
        /*Supersize Plugin Styles*/
        #supersize img, #supersize a{
            height:100%;
            width:100%;
            display:none;
        }
        #supersize .activeslide, #supersize .activeslide img{
            display:inline;
        }
 
    </style>
</head>
 
<body>
 
<div id="supersize">
    <a class="activeslide" href="http://www.alin.com/altin.html"><img  src="images/background6.jpg"/></a>
    <a href="http://www.alistin.com/alin.html"><img src="images/background6.jpg"/></a>
</div>
 
<div id="content">
  <div id="contentframe"><a href="http://www.atin.com/alitin.html"><img src="images/logo_index.png"/></a></div>
</div>
 
</body>
</html>

Les agradezco si alguno me puede dar una mano, ya que es lo ultimo que me falta para terminar este trabajo!

kidart · #2 (**permalink**) 01/07/2010, 00:53

me olvidaba, el png que aparece con el fondo gris es este:

Código HTML:

Ver original<div id="content">
  <div id="contentframe"><a href="http://www.alicebastin.com/alicebastin.html"><img src="images/logo_index.png"/></a></div>
</div>

gracias desde ahora!

kidart · #3 (**permalink**) 01/07/2010, 13:58

nadie sabe??

jomaruro · #4 (**permalink**) 01/07/2010, 15:46

Hola:

No especificas de que versión de IE hablas, me imagino que IE6. La mala noticia es que IE6 no admite el formato png. Puedes solucionarlo con iepngfix.htc, aquí tienes un ejemplo.

Saludos.

Bolsomaniaco · #5 (**permalink**) 01/07/2010, 16:52

Date una vuelta en http://code.google.com/p/ie7-js/#About

Saludos!