sup在IE，火狐及其他浏览器下字体大小问题

今天写了一个页面，使用了sup标签！

当时我把sup标签包在了h标签中使用。由于我设置了h标签的字体大为14px，在IE浏览器下，是按照我的想法，居然自动变成了12px的效果。在谷歌浏览器下也是正常的，可是在火狐下虽然看起来也是12px的效果，但是有一些加粗发虚的感觉，但事实上，我事先已经对其进行了不加粗处理。最后我将sup字体设置为12px，在火狐，谷歌浏览器下一切正常，可是在IE下却不能正常了，我又将sup的字体设置为14px，IE下正常，火狐与谷歌浏览器字体变成了14px。

哎，不知道什么原因， 故而使用了hack，直接在font-size前加了*，只能IE6与IE7受用，IE8还是无动于忠，哈哈，找到一个办法解决：

就是在标签前加*。

.list_info_con h3 sup.subhomelink{

text-indent:0;

background:none;

width:auto;

height:16px;

line-height:16px;

font-weight:normal;

vertical-align:text-bottom;

font-family:”宋体”;

font-size:12px;

}

*.list_info_con h3 sup.subhomelink {font-size:14px;}

.list_info_con h3 sup.subhomelink{

text-indent:0;

background:none;

width:auto;

height:16px;

line-height:16px;

font-weight:normal;

vertical-align:text-bottom;

font-family:”宋体”;

font-size:12px;

}

.list_info_con h3 *sup.subhomelink {font-size:14px;}

看到了吧，嘿嘿，这就是解决所有IE浏览器的HACK哟。

还有专门针对IE7与IE6的

在标签前加下划线就可以了，请看：

.list_info_con h3 _sup.subhomelink {font-size:16px;}

注意哟，看清楚哟，*和_所放的位置。

转载于:https://www.cnblogs.com/mainet/archive/2012/04/03/2430710.html