梯度仅填充细胞的一半

时间:2010-04-28 22:40:35

标签: html css gradient

如何在此代码示例中获取IE渐变功能以完全填充表格单元格?使用下面给出的代码,我只能覆盖单元格的上半部分。 alt text http://img708.imageshack.us/img708/6602/celltext.png

<HTML>
<HEAD>
<style>
<!--table
.cl1
    {
    font-family:Comic Sans MS;
    font-size:11.0pt;
    color:#800000;
    border-left:1.5pt solid #000000;
    border-top:1.5pt solid #000000;
    border-right:1.5pt solid #000000;
    border-bottom:1.5pt solid #000000;
    background-color:#ffffff;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#ffffff', EndColorStr='#99cc00')   
progid:DXImageTransform.Microsoft.dropshadow(Color='#660000', Positive='true', OffX=0, OffY=0);
    }
-->
</style></HEAD>
<BODY>

<table x:str cellspacing=0 style='table-layout:fixed; border-left:1.0pt solid; border-top:1.0pt solid; border-right:1.0pt solid; border-bottom:1.0pt solid; border-left-color:#c0c0c0; border-top-color:#c0c0c0; border-right-color:#c0c0c0; border-bottom-color:#c0c0c0; '>
 <col style='width:67pt;'>

<tr style='height:28.00pt'>
 <td class=cl1 style='width:67pt;'>Cell Text</td>
</tr>
</BODY>
</HTML>

1 个答案:

答案 0 :(得分:1)

我添加了一行:

行高:220%;

以你的.cl1风格,它完全填满。显然这不是最终修复,但它肯定指向行高属性与它有关。