解决chrome使用text-shadow（文本阴影）css时汉字发虚的问题

解决chrome使用text-shadow（文本阴影）css时汉字发虚的问题

周所周知，在windows版的chrome上，对点阵字体使用text-shadow给字加上有模糊半径的阴影或发光效果后，会发生下面的现象：

 

 

 

a:hover { text-shadow : 0 0 0.2em lightblue,0 0 3em lightblue,0 0 0.5em lightblue !important ; }

 

 

 

今天无意中发现，用一个小小的hack就能解决这个问题：

 

 

a:hover { text-shadow : 0 0 0, 0 0 0.2em lightblue,0 0 3em lightblue,0 0 0.5em lightblue !important ; }

 

 

效果：

posted on 2010-10-01 15:38 clowwindy 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/clowwindy/archive/2010/10/01/css3_text_shadow_chinese_font.html