IE6 遇到bug及解决办法
一、IE6 双倍边距 bug
当页面上的元素使用 float 浮动时,不管是向左还是向右浮动;只要该元素带有 margin 像素都会使该值乘以 2,例如“margin-left:10px” 在 IE6 中,该值就会被解析为 20px。想要解决这个 BUG 就需要在该元素中加入 display:inline 或 display:block 明确其元素类型即可解决双倍边距的 BUG
二、IE6 中 3 像素问题及解决办法
当元素使用 float 浮动后,元素与相邻的元素之间会产生 3px 的间隙。诡异的是如果右侧的容器没设置高度时 3px 的间隙在相邻容器的内部,当设定高度后又跑到容器的相反侧了。要解决这类 BUG 的话,需要使布局在同一行的元素都加上 float 浮动。
三、IE6 中奇数宽高的 BUG
IE6 中奇数的高宽显示大小与偶数高宽显示大小存在一定的不同。其中要问题是出在奇数高宽上。要解决此类问题,只需要尽量将外部定位的 div 高宽写成偶数即可。
四、IE6 中图片链接的下方有间隙
IE6 中图片的下方会存在一定的间隙,尤其在图片垂直挨着图片的时候,即可看到这样的间隙。要解决此类问题,需要将 img 标签定义为 display:block 或定义 vertical-align 对应的属性。也可以为 img 对应的样式写入 font-size:0
五、IE6 下空元素的高度 BUG
如果一个元素中没有任何内容,当在样式中为这个元素设置了 0-19px 之间的高度时。此元素的高度始终为 19px。
解决的方法有四种:
1.在元素的 css 中加入:overflow:hidden
2.在元素中插入 html 注释:
3.在元素中插入 html 的空白符:
4.在元素的 css 中加入:font-size:0
六、重复文字的 BUG
在某些比较复杂的排版中,有时候浮动元素的最后一些字符会出现在 clear 清除元素的下面。
解决方法如下:
1.确保元素都带有 display:inline
2.在最后一个元素上使用“margin-right:-3px
3.为浮动元素的最后一个条目加上条件注释,xxx
4.在容器的最后元素使用一个空白的 div,为这个 div 指定不超过容器的宽度。
七、IE6 中 z-index 失效
具体 BUG 为,元素的父级元素设置的 z-index 为 1,那么其子级元素再设置 z-index 时会失效,其层级会继承父级元素的设置,造成某些层级调整上的 BUG。
写在最后:实际上 IE6 中,很多 BUG 的解决方法都可以使用 display:inline、font-size:0、float 解决。因此我们在书写代码时要记住,一旦使用了 float 浮动,就为元素增加一个 display:inline 样式,可以有效的避免浮动造成的样式错乱问题。使用空 DIV 时,为了避免其高度影响布局美观,也可以为其加上 font-size:0 这样就很容易避免一些兼容上的问题。
IE6 遇到bug及解决办法相关推荐
- ie6 7 8下的一些bug和解决办法
1:li边距"无故"增加 任何事情都是有原因的,li边距也不例外. 先描述一下具体状况:有些时候li边距会突然增 加很多,值也不固定(只在IE6/IE7有这种现象),让人摸不着头脑 ...
- 工作中遇到的IE6兼容性问题及解决办法
1.解决IE6下元素左浮动自动换行的问题 解决:元素左浮动,宽度自适应:CSS:display: inline-block;overflow: hidden;white-space: nowrap; ...
- IE6兼容性问题及解决办法汇总
1.IE6怪异解析之padding与border算入宽高 原因:未加文档声明造成非盒模型解析 解决方法:加入文档声明<!doctype html> 2.IE6在块元素.左右浮动.设定mar ...
- Dumpzilla工具第615行bug的解决办法
Dumpzilla工具第615行bug的解决办法 在Dumpzilla使用选项frequency时,会提示SQL语法错误.这是由于其中SQL语句编写错误.需要将615行中: where url lik ...
- css文本省略(······)行高错位(bug)- 解决办法
应用css文本省略(······)属性:-webkit-line-clamp: 3; 导致:行高错位.(F12查看发现css属性line-height的值并没变,但为什么浏览器显示文本的实际行距却变小 ...
- 浏览器常见bug及解决办法
常见的bug列表: IE6下,当块级元素 margin与float同方向时,margin会加倍 例如 .box{float:left;margin-left:10px;}在IE6下表现的marg ...
- ie8下jquery改变PNG的opacity出现黑边,ie6下png透明解决办法
目前互联网对于网页效果要求越来越高,不可避免的用到PNG图片,PNG分为几种格 式,PNG8 PNG24 PNG32,其中最常用的,也是显示效果和大小比较适中的则是PNG24,支持半透明,透明,颜色也 ...
- JS浮点数运算Bug的解决办法(转自百度文库)
37.5*5.5=206.08 (JS算出来是这样的一个结果,我四舍五入取两位小数) 我先怀疑是四舍五入的问题,就直接用JS算了一个结果为:206.08499999999998 怎么会这样,两个只 ...
- 齐博php百度编辑器上传图片_齐博CMS整合百度编辑器上传附件的BUG以及解决办法...
齐博CMS作为目前PHP类CMS中最草根的CMS,能够及时的为站长们着想,将开源的百度编辑器整合进程序,这是值得广大站长欢呼雀跃的事情.但就目前来说,齐博CMS与百度编辑器的整合还是存在一些细小的问题 ...
最新文章
- 一文彻底搞懂 zookeeper 核心知识点(修订版)
- css y轴溢出滚动条,x轴溢出显示
- 文件系统fsd hook (一)原理
- 大数据十三五规划将出台 激活相关行业万亿产值
- java学习(113):Calendar类
- 蚂蚁架构师郭援非:分布式数据库是金融机构数字化转型的最佳路径
- 安装fastdfs依赖包
- php携程 线程,携程api开发解决方法
- UIPickerView用法(左右比例,整体大小,字体大小)
- 转载 侃一侃编译原理的“文法” 作者 :博客网 my笔触
- UltraISO 9.7.0.3476中文完美破解安装版
- mysql授权单个表权限
- 图片文字识别 mysql_有道智云OCR图片识别文字+返回数据处理技巧(实现语言-按键精灵脚本请求识别+java服务端处理数据)...
- 三国杀服务器维修,三国杀云服务器
- Promethus(普罗米修斯)监控系统
- Win10系统去掉桌面图标小箭头导致打开管理和任务栏处图标报错,且右键开始菜单无反应
- 京东开源组件库NutUI 3.1 正式发布:开启多端开发之路
- 统一网关 Gateway
- fcpx插件:Stupid Raisins Look Pop(30个时尚标注插件)
- C语言 求解一元二次方程组
热门文章
- 什么是DDOS攻击?怎么抵抗DDOS攻击?
- js 数组entries迭代方法
- windows驱动开发教程 滴水_滴水编程达人全套
- C语言 有两个矩形 求重叠面积,计算两个矩形重叠面积的简单方法
- Programmers at Work
- 音视频技术开发周刊 | 251
- 阿里acp认证是什么 阿里acp认证含金量高吗
- Eclipse+Java+Swing实现宠物商店管理系统
- linux替换屏幕保护进程,有没有一个体面的方式来阻止linux中的屏幕保护程序?...
- 双月报8.24-10.23