Foros del Web » Creando para Internet » HTML »

Ayuda - Link PNG transparente no funciona en IE

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

Les agradezco si alguno me puede dar una mano, ya que es lo ultimo que me falta para terminar este trabajo!
  #2 (permalink)  
Antiguo 01/07/2010, 01:53
 
Fecha de Ingreso: junio-2010
Mensajes: 108
Antigüedad: 7 años, 6 meses
Puntos: 2
Respuesta: Ayuda - Link PNG transparente no funciona en IE

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


Código HTML:
Ver original
  1. <div id="content">
  2.   <div id="contentframe"><a href="http://www.alicebastin.com/alicebastin.html"><img src="images/logo_index.png"/></a></div>
  3. </div>

gracias desde ahora!
  #3 (permalink)  
Antiguo 01/07/2010, 14:58
 
Fecha de Ingreso: junio-2010
Mensajes: 108
Antigüedad: 7 años, 6 meses
Puntos: 2
Respuesta: Ayuda - Link PNG transparente no funciona en IE

nadie sabe??
  #4 (permalink)  
Antiguo 01/07/2010, 16:46
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Ayuda - Link PNG transparente no funciona en IE

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.

  #5 (permalink)  
Antiguo 01/07/2010, 17:52
Avatar de Bolsomaniaco  
Fecha de Ingreso: julio-2008
Ubicación: Montevideo, Uruguay
Mensajes: 311
Antigüedad: 9 años, 5 meses
Puntos: 8
Respuesta: Ayuda - Link PNG transparente no funciona en IE

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

Saludos!
__________________
Bolsomaniaco

¿Que Cocino?
www.noticiasdeluruguay.com

Etiquetas: explorer, png, transaprencia
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 10:11.