Chinaunix首页 | 论坛 | 博客
  • 博客访问: 873489
  • 博文数量: 372
  • 博客积分: 10063
  • 博客等级: 中将
  • 技术积分: 4220
  • 用 户 组: 普通用户
  • 注册时间: 2012-02-24 11:36
文章分类

全部博文(372)

文章存档

2012年(372)

分类: 虚拟化

2012-04-03 21:47:54

今天写了一个页面,使用了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;}

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

:在网络的世界里,我感觉自己无把不能。


阅读(731) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~