Tema: Ayuda - Link PNG transparente no funciona en IE
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/07/2010, 00:50
kidart
 
Fecha de Ingreso: junio-2010
Mensajes: 108
Antigüedad: 14 años, 6 meses
Puntos: 2
Ayuda - Link PNG transparente no funciona en IE
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
  1. <html>
  2. <head>
  3.     
  4.     <title>An - Collections, illustrations and projects</title>
  5.       <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. <meta http-equiv="X-UA-Compatible" content="chrome=1" />
  7. <meta name="expires"       content="never" />
  8. <meta name="language"      content="english" />
  9. <meta name="distribution"  content="global" />
  10. <meta name="robots"        content="index, follow" />
  11. <meta name="revisit-after" content="2 days" />
  12. <meta name="author"        content="Kidart Corporation" />
  13. <meta name="publisher"     content="A" />
  14. <meta name="copyright"     content="2010 A" />
  15.  
  16.   
  17.     <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.js"></script>
  18.     <script type="text/javascript" src="supersized.1.0.js"></script>
  19.     <script type="text/javascript">
  20.     
  21.     $(function(){
  22.         $.fn.supersized.options = {  
  23.             startwidth: 1024,  
  24.             startheight: 768,
  25.             minsize: .50,
  26.             slideshow: 1,
  27.             slideinterval: 5000  
  28.         };
  29.         $('#supersize').supersized(); 
  30.     });
  31.  
  32. </script>
  33.         
  34.     </script>
  35.     <style type="text/css">
  36.         *{
  37.             margin:0;
  38.             padding:0;
  39.             font:60px "Gotham Black", Arial, sans-serif;
  40.             color:#FFF;
  41.         }
  42.         img{
  43.             border:none;
  44.         }
  45.         body {
  46.             overflow:hidden;/*Needed to eliminate scrollbars*/
  47.         }
  48.         #content{
  49.     margin:0px auto;
  50.     height:50%;
  51.     width:100%;
  52.     bottom:5%;
  53.     position:absolute;
  54.         }
  55.         #contentframe{
  56.             text-align:center;
  57.         }
  58.         
  59.         /*Supersize Plugin Styles*/
  60.         #supersize img, #supersize a{
  61.             height:100%;
  62.             width:100%;
  63.             display:none;
  64.         }
  65.         #supersize .activeslide, #supersize .activeslide img{
  66.             display:inline;
  67.         }
  68.  
  69.     </style>
  70. </head>
  71.  
  72. <body>
  73.  
  74. <div id="supersize">
  75.     <a class="activeslide" href="http://www.alin.com/altin.html"><img  src="images/background6.jpg"/></a>
  76.     <a href="http://www.alistin.com/alin.html"><img src="images/background6.jpg"/></a>
  77. </div>
  78.  
  79. <div id="content">
  80.   <div id="contentframe"><a href="http://www.atin.com/alitin.html"><img src="images/logo_index.png"/></a></div>
  81. </div>
  82.  
  83. </body>
  84. </html>

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