1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > sup在IE 火狐及其他浏览器下字体大小问题

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

时间:2018-07-14 07:07:05

相关推荐

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

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。