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;}
注意哟,看清楚哟,*和_所放的位置。
站长帮手:在网络的世界里,我感觉自己无把不能。