26
六
IE中链接下划线粘连和字体大小不一问题
作者: charon , 675 点击
标签:css
现象:IE7+显示中文链接时会出现
总结如下,目前没找到完美的解决办法
发生下划线粘连的条件:
1、IE7+,UTF-8编码,宋体
(使用GB2312、GBK编码无此问题)
发生下划线对不齐的条件:
1、IE6,UTF-8编码,vertical-align:middle,宋体
2、IE7,UTF-8编码,vertical-align:middle,非宋体
(使用GB2312、GBK编码无此问题)
可选的解决方法:
IE7+,将链接的首字体设为非中文字体,如:a {font-family:Arial, “宋体”, sans-serif},但是这样就会导致IE5.0的字体出现大小不一的情况,所以要加hack,把IE5.0的首字体设回宋体,如:html*a {font-family:”宋体”};缺点是不能设置vertical-align:middle,否则下划线会对不齐,有网友说用Arial并设line-height:1.231,但它有缺陷。
上面的环境是指XP+宋体3.03,如果是vista+宋体5.0,则无论怎么弄都是有下划线的;
暂时的结论只能是将首字体设为非英文,不要将链接设置vertical-align:middle,至于宋体5.0的下划线粘连问题只能放弃了。
相关日志
评论暂缺
还没有任何评论。