最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
IE6/7下font-size:0无效的解决方法
时间:2022-06-25 11:18:01 编辑:袖梨 来源:一聚教程网
现IE6/7浏览器font-size:0而文字不为0的情况,页面运行时标题的文字变成了小黑点状。
IE6 下默认的字体尺寸大致在 12 - 14px 之间,当你试图定义一个高度小于这个默认值的 DIV 的时候, IE6 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 来定义了一个 DIV 的高度,实际在 IE6 下显示的仍然是一个 12px 左右高度的层
解决办法一
要解决这个问题,可以强制定义该 DIV 的字体尺寸,或者定义 overflow 属性来限制 DIV 高度的自动调整。比如:
代码如下 | 复制代码 |
或者
|
值得注意的是,设置 font-size:0 时这个容器的高度最小为 2px ,如果要设置 DIV 高度为 0 或 1px ,则需要使用 overflow:hidden; 来实现。
解决办法二:
1,设置line-height:0;
2,text-indent:-9999em
总结
使用了line-height:0来解决IE6/7浏览器的小黑点问题,也可以使用第二种方法text-indent:-9999em来解决小黑点问题。
相关文章
- 云星穹铁道权益升级怎么玩 云崩铁权益升级活动介绍 12-03
- 以闪亮之名山中绘梦怎么玩 以闪亮之名滢然花梦套装活动介绍 12-03
- 以闪亮之名绿野梦歌礼包怎么样 以闪亮之名绿野梦歌拍照礼包介绍 12-03
- 光遇12.6有什么更新 光遇12月6日更新内容介绍 12-03
- 伍六七暗影交锋测试资格怎么获得 伍六七暗影交锋内测资格获取方法 12-03
- 无限暖暖晶莹诗集怎么样 12-03