IE浏览器链接字体大小不一与下划线粘连问题

发布时间：2018-09-07 09:47 所属栏目：30 来源：站长网

导读：发生下划线粘连的条件： 1、IE7+，UTF-8编码，宋体 (使用GB2312、GBK编码无此问题) 发生下划线对不齐的条件： 1、IE6，UTF-8编码，vertical-align:middle，宋体 2、IE7，UTF-8编码，vertical-align:middle，非宋体 (使用GB2312、GBK编码无此问题) 可选的解

发生下划线粘连的条件：
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，但它有缺陷。

（编辑：ASP站长网）