搜索

  • 好友链接

  • 链接表

  • Meta

    日志分类

    日志归档

    本月top点击

    历史top点击

    26

    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的下划线粘连问题只能放弃了。

    相关日志

    评论暂缺

    还没有任何评论。

    留下评论