Градиент заполняет только половину ячейки

Как получить функцию градиента 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>

источник

2010-04-28 Gopalakrishnan Subramanian

Я думаю, вы знаете, что это ТОЛЬКО работает над IE, так? Вы могли бы сделать аналогичный эффект, используя фоновое изображение и suddently, ваша кнопка будет работать в любом браузере. – BerggreenDK

Да, я знаю об этом. Но я не в состоянии изменить спецификации. Он написан для поддержки только IE и Excel. –

Я добавил строку:

высота строки: 220%;

К вашему .cl1-стилю, и он полностью заполнен. Очевидно, что это не окончательное решение, но оно определенно указывает на свойство line-height как на что-то связанное с ним.

источник

2010-04-28 22:47:51 JYelton

a line-height of 23pt также работает – JYelton

Спасибо. Я думаю, что я буду использовать значение 23pt вместо процента, так как я могу установить его через код, вычитая толщину границы (1.5 + 1.5) и отступы (1 + 1) от высоты строки здесь (28 pt) , Это дает высоту строки для всего набора ячеек в таблице, которую мне нужно установить. –

Градиент заполняет только половину ячейки

ответ

Смежные вопросы