Le dégradé ne remplit que la moitié de la cellule

Comment puis-je obtenir la fonction de dégradé IE ici dans cet exemple de code pour remplir complètement la cellule du tableau? Avec le code ci-dessous, je ne pouvais l'obtenir que pour couvrir la moitié supérieure de la cellule. alt text http://img708.imageshack.us/img708/6602/celltext.png Le dégradé ne remplit que la moitié de la cellule

<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>

Source

2010-04-28 Gopalakrishnan Subramanian

Je suppose que vous savez que cela fonctionne UNIQUEMENT sur IE, non? Vous pourriez faire un effet similaire en utilisant une image de fond et votre bouton fonctionnera soudainement sur n'importe quel navigateur. – BerggreenDK

Oui, je suis au courant de ça. Mais je ne suis pas en mesure de changer les spécifications. Il est écrit pour soutenir seulement IE et Excel. –

I ajouté la ligne:

line-height: 220%;

Pour votre style .cl1, et complètement rempli. Évidemment, ce n'est pas un correctif final, mais il indique clairement que la propriété line-height a quelque chose à voir avec cela.

Source

2010-04-28 22:47:51 JYelton

une ligne-hauteur de 23pt fonctionne également – JYelton

Merci. Je pense que je vais utiliser la valeur 23pt, au lieu du pourcentage, puisque je peux le définir par le code, en soustrayant l'épaisseur de la bordure (1.5 + 1.5) et le remplissage (1 + 1) de la hauteur de la ligne ici (28 pt) . Cela donne la hauteur de la ligne, pour l'ensemble des cellules de la table que je dois définir. –

Le dégradé ne remplit que la moitié de la cellule

Répondre

Questions connexes