IE中链接下划线粘连和字体大小不一问题
现象: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的下划线粘连问题只能放弃了。
========================
2008-11-28日修正。
总结如下,目前没找到完美的解决办法
发生下划线粘连的条件:
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的下划线粘连问题只能放弃了。
========================
2008-11-28日修正。
标签: Web技术及应用




3 条评论:
时间 2008年3月4日 13:56 ,
匿名 说...
IE7下,如果设了字体为英文的话,链接文字里的中文和英文下的下划线是错开的,没法对齐
时间 2008年3月4日 14:17 ,
Cutsin 说...
谢谢补充,的确是这样,这种情况只能单独控制英文部分的字体为宋体
时间 2008年6月25日 09:48 ,
匿名 说...
呵呵 我用the world 加 opera ie7感觉特不顺手 测试时就拒绝了 偶是兰台哈哈
发表评论
订阅 博文评论 [Atom]
<< 主页