Moonless.net首页

Cutsin受难记

Home Blog 归宿美林湾 Labs

2008年2月18日星期一

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日修正。

标签:

收藏到网摘:新浪VIVI  365Key  POCO网摘  和讯网摘  我摘

3 条评论:

  • 时间 2008年3月4日 13:56 , Anonymous 匿名 说...

    IE7下,如果设了字体为英文的话,链接文字里的中文和英文下的下划线是错开的,没法对齐

     
  • 时间 2008年3月4日 14:17 , Blogger Cutsin 说...

    谢谢补充,的确是这样,这种情况只能单独控制英文部分的字体为宋体

     
  • 时间 2008年6月25日 09:48 , Anonymous 匿名 说...

    呵呵 我用the world 加 opera ie7感觉特不顺手 测试时就拒绝了 偶是兰台哈哈

     

发表评论

订阅 博文评论 [Atom]

<< 主页