Hay una forma de hacer degrades sobre un color de fondo dentro de una celda, pero para ello tienes que usar CSS y filtros de DirectX.
Te explico.
Lo primero que debes hacer es crear una CSS, de preferencia externa, pero por supuesto enlazada con la página.
Dentro de esa CSS, creas un estilo con el nombre que quieras y ahí comenzarás a asignar las variables necesarias para ejecutar el filtro DirectX.
Te pongo un ejemplo, el cual proviene de una de mis webs:
#tdRightContentIndexI {
filter: progid:DXImageTransform.Microsoft.gradient(enabled ='true',gradientType=0,startColorStr=#356798,endCo lorStr=#9ab6e8);
height: 20px;
}
La variable startColorStr es para asignar el color con el que se inicia el degrade y la variable endColorStr es para indicar el color final. Luego el mismo filtro DirectX se encarga de hacer el trabajo.
El gradientType, si mal no recuerdo puede tomar valores desde 0 hasta 3.
Al respecto del tema, te dejo algunos enlaces relativos al uso del filtro de degrades de DirectX:
http://www.forosdelweb.com/s/msg224472.html http://msdn.microsoft.com/library/de...s/gradient.asp http://www.scriptfx.com/transitions/...ent_filter.htm http://www.web-source.net/html_background_gradient.htm
La única desventaja de los filtros DirectX, es que sólo son compatibles para Internet Explorer, es decir, si en la web donde los usaste, entra un usuario con Firefox u Opera, éste no podrá ver los efectos del degrade en los fondos, por lo cual es ideal que dentro del mismo estilo CSS donde asignes el degrade, adicionalmente coloque un color de background para el caso de usuarios con navegadores distintos al IE. Ejemplo:
.tdSoftSubs {
padding: 5px 5px 2px 5px;
height: 15px;
filter: progid:DXImageTransform.Microsoft.gradient(enabled ='true',gradientType=0,startColorStr=#ffffff,endCo lorStr=#6689a7);
background-color: #7f9ebd;
color: #000000;
font-weight: bold;
font-size: 12px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
En fin espero que esto te pueda servir… Suerte!
