在链接文字上应用CSS滤镜

本来想在作为链接文字上应用一个发光滤镜,谁知却无法显示出效果

.link_style{padding-top:3px; font-family: Verdana, "宋体"; font-size: 12px; line-height: 22px; color:#225522;}
.link_style A:link {color:#fff;filter:Glow(color=#000000,Strength=1);height: 22px;TEXT-DECORATION: none;}
.link_style A:visited      {color:#fff;filter:Glow(color=#000000,Strength=1);height: 22px;;TEXT-DECORATION: none;}
.link_style A:active  {color:#ff0;filter:Glow(color=#000000,Strength=1);height: 22px;;TEXT-DECORATION: none;}
.link_style A:hover    {color:#ff0;filter:Glow(color=#000000,Strength=1);height: 22px;TEXT-DECORATION: underline;}

 

后来发现加了WIDTH属性或HEIGHT就可以显示效果了,真奇怪。应用在其他元素却是没此要求。

你可能感兴趣的:(css,filter)