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属性值时,上下边界的属性值重合,左右相加;

相关专题

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

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

23

2026.01.19

java用途介绍
java用途介绍

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

11

2026.01.19

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

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

3

2026.01.19

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

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

2

2026.01.19

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

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

4

2026.01.19

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

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

13

2026.01.19

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

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

93

2026.01.18

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

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

112

2026.01.16

全民K歌得高分教程大全
全民K歌得高分教程大全

本专题整合了全民K歌得高分技巧汇总,阅读专题下面的文章了解更多详细内容。

155

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号