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;}

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

posted @ 2012-04-03 09:45  脉凌网络  阅读(529)  评论(0编辑  收藏  举报