Ver Mensaje Individual
  #8 (permalink)  
Antiguo 18/08/2007, 03:37
Avatar de bookmaster
bookmaster
 
Fecha de Ingreso: febrero-2002
Ubicación: Toledo
Mensajes: 976
Antigüedad: 22 años, 2 meses
Puntos: 67
Re: Problema con png con transparencia como fondo de tabla

Los gif no admiten degradados, solo admiten la transparencia 100% para que te hagas una idea, o hay color o no hay color, no admite mas, sin en cambio los PNG si que admiten transparencias en los colores.

Estube mirando el enlace de un poco mas arriba que dejó Fer10, y hay uno de los moensajes contestando, que le responden diciendo que que para un fondo de tabla se cree un Estilo CSS con el valor ese, y en donde quieras ponerle le haces la llamada con CLASS="NombreEstilo".

Aqui te pongo el estracto en el que explica como ponerlo de fondo.

<--------
Imágenes como fondo

El anterior código, funciona muy bien para poner imágenes, pero no para colocar fondos, en realidad colocar fondos es aún más sencillo, necesitaremos crear dos archivos css, una para IE y otro para el resto, por lo tanto debemos modificar un poco el código de detección de IE:


Código :

Código PHP:
<link href="estilo.css" rel="stylesheet" type="text/css" />
<
title>Cualquier título </title>
<!--[if 
lt IE 7]><script defer type="text/javascript" src="png.js"></script>
<link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]--> 
He llamado al archivo ie.css, puedes llamarlo como deseés, este archivo sólo se cargará si se detecta IE como navegador. Pongamos primero el código normal para poner una imagen de fondo en un div que está dentro del archivo estilo.css


Código :

Código PHP:
#header{  
width600px;  
height178px;  
background-image:url(fondo.png);  
background-repeat:no-repeat;  
margin-left200px;

Nada nuevo hasta ahí, ahora veamos mismo código pero dentro del archivo ie.css


Código :

Código PHP:
#header{  
width600px;  
height178px;  
backgroundnone/* Aquí quitamos cualquier fondo existente */  
filterprogid:DXImageTransform.Microsoft.AlphaImageLoader (src="fondo.png"sizingMethod="image"); /*cargamos la imagen igual que como lo hicimos con la etiqueta img, pero el  método de escala será ahora image, es decir, la misma imagen */  
background-repeat:no-repeat;  
margin-left200px;

------->

Aviso que no lo he probado aún y es raro que yo postee algo sin probarlo antes, espero que te sirva y me pondre a probarlo ahora
__________________
Decir si te a funcionado la respuesta es ¡GRATIS!. Por favor indicarlo.
http://www.lohacemosweb.net
http://tutoriales.lohacemosweb.net