0

0

关于IE6的一些常见的CSS BUG处理

高洛峰

高洛峰

发布时间:2016-10-09 14:07:33

|

1498人浏览过

|

来源于php中文网

原创

关于IE6的一些常见的CSS BUG处理

css bug:样式在各浏览器中解析不一致的情况,或者说css样式在浏览器中不能正确显示的问题称为css bug;

CSS Hack:css hack是指一种兼容css 在不同浏览器中正确显示的技巧方法,因他们都属于个人对css代码的非官方的修改,或非官方的补丁。

使用Hack的一些副作用:降低了css代码的可读性,增加了代码的负担

今天跟大家分享下关于IE6一些常见的BUG处理:

(1)图片间隙:

立即学习前端免费学习笔记(深入)”;

  a)div中的图片间隙(该BUG出现在IE6及更低版本中)

    描述:在div中插入图片时,图片会将div下方撑大三像素;

    hack1:将

关于IE6的一些常见的CSS BUG处理写在一行上;

    hack2:将关于IE6的一些常见的CSS BUG处理转为块状元素,给关于IE6的一些常见的CSS BUG处理添加声明:display:block;

  b)dt,li中图片间隙(IE6)

    hack:添加声明:display:block;overflow:hidden;

(2)默认高度(IE6)

  描述:在IE6及以下版本中,部分块元素拥有默认高度(低于18px-22px高度)

  hack1:给元素添加声明:font-size:0;

  hack2:给元素添加声明:overflow:hidden;

(3)双倍浮向(双倍边距)

  描述:当IE6及更低版本浏览器在解析浮动元素时,会错误地把浮向边边界加倍显示。

  hack:给浮动元素添加声明:display:inline;

JTBC网站内容管理系统5.0.3.1
JTBC网站内容管理系统5.0.3.1

JTBC CMS(5.0) 是一款基于PHP和MySQL的内容管理系统原生全栈开发框架,开源协议为AGPLv3,没有任何附加条款。系统可以通过命令行一键安装,源码方面不基于任何第三方框架,不使用任何脚手架,仅依赖一些常见的第三方类库如图表组件等,您只需要了解最基本的前端知识就能很敏捷的进行二次开发,同时我们对于常见的前端功能做了Web Component方式的封装,即便是您仅了解HTML/CSS也

下载

(4)百分比BUG

  描述:在IE6及以下版本中在解析百分比时,会按四舍五入方式计算从而导致50%加50%大于100%的情况;

  hack:给右面的浮动元素添加声明clear:right;(清除右浮动)

(5)鼠标指针

  描述:Cursor属性的hand属性值只有IE8以下浏览器识别,其他浏览器不识别该声明。Cursor属性的pointer属性值IE6及以上版本及其他内核浏览器都识别该声明。

  hack:如统一某元素鼠标指针为手型,应添加声明:Cursor:pointer;

(6)表单行高不一致

  描述:表单元素行高不一致;

  hack:给表单元素添加声明:float:left;

(7)按钮元素默认大小不一致

  描述:各浏览器中按钮元素大小不一致。

  hack1:统一大小/(用a标记模拟);

  hack2:input外套一个标签,在这个标签里写按钮的样式,把input的边框和背景色去掉;

  hack3:如果按钮是图片,直接把图片作为按钮背景;

(8)浏览器解析按钮边框时,会把边框解析在按钮内部,不会影响按钮的大小。

(9)浏览器解析margin属性值时,上下边界的属性值重合,左右相加;

相关专题

更多
Java JVM 原理与性能调优实战
Java JVM 原理与性能调优实战

本专题系统讲解 Java 虚拟机(JVM)的核心工作原理与性能调优方法,包括 JVM 内存结构、对象创建与回收流程、垃圾回收器(Serial、CMS、G1、ZGC)对比分析、常见内存泄漏与性能瓶颈排查,以及 JVM 参数调优与监控工具(jstat、jmap、jvisualvm)的实战使用。通过真实案例,帮助学习者掌握 Java 应用在生产环境中的性能分析与优化能力。

20

2026.01.20

PS使用蒙版相关教程
PS使用蒙版相关教程

本专题整合了ps使用蒙版相关教程,阅读专题下面的文章了解更多详细内容。

62

2026.01.19

java用途介绍
java用途介绍

本专题整合了java用途功能相关介绍,阅读专题下面的文章了解更多详细内容。

87

2026.01.19

java输出数组相关教程
java输出数组相关教程

本专题整合了java输出数组相关教程,阅读专题下面的文章了解更多详细内容。

39

2026.01.19

java接口相关教程
java接口相关教程

本专题整合了java接口相关内容,阅读专题下面的文章了解更多详细内容。

10

2026.01.19

xml格式相关教程
xml格式相关教程

本专题整合了xml格式相关教程汇总,阅读专题下面的文章了解更多详细内容。

13

2026.01.19

PHP WebSocket 实时通信开发
PHP WebSocket 实时通信开发

本专题系统讲解 PHP 在实时通信与长连接场景中的应用实践,涵盖 WebSocket 协议原理、服务端连接管理、消息推送机制、心跳检测、断线重连以及与前端的实时交互实现。通过聊天系统、实时通知等案例,帮助开发者掌握 使用 PHP 构建实时通信与推送服务的完整开发流程,适用于即时消息与高互动性应用场景。

19

2026.01.19

微信聊天记录删除恢复导出教程汇总
微信聊天记录删除恢复导出教程汇总

本专题整合了微信聊天记录相关教程大全,阅读专题下面的文章了解更多详细内容。

160

2026.01.18

高德地图升级方法汇总
高德地图升级方法汇总

本专题整合了高德地图升级相关教程,阅读专题下面的文章了解更多详细内容。

164

2026.01.16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
php初学者入门课程
php初学者入门课程

共10课时 | 0.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号