그라데이션은 셀 반만 채 웁니다.

이 코드 샘플에서 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에서만 작동하는 것으로 알고 있습니다. 배경 이미지를 사용하면 비슷한 효과를 낼 수 있으며 모든 브라우저에서 버튼이 제대로 작동합니다. – BerggreenDK

그래, 그 사실을 알고있다. 하지만 사양을 바꿀 수있는 위치에 있지 않습니다. IE와 Excel 만 지원하도록 작성되었습니다. –

는 I 선을 부가 :

라인 높이 : 220 %;

.cl1 스타일로 완전히 채워집니다. 분명히 이것은 최종 수정은 아니지만, 라인 높이 속성과 관련이있는 것으로 분명히 지적합니다.

출처

2010-04-28 22:47:51 JYelton

라인 높이 23pt도 작동합니다. – JYelton

고마워요. 코드를 통해 설정할 수 있기 때문에 백분율 대신 23pt 값을 사용한다고 생각합니다. 경계 두께 (1.5 + 1.5)와 행 높이 (28pt)에서 패딩 (1 + 1)을 뺀 다음, . 이것은 내가 설정해야하는 테이블의 전체 셀 집합에 대해 줄 높이를 제공합니다. –

그라데이션은 셀 반만 채 웁니다.

답변

관련 문제