细数那些不能直视的IE6BUG
1. li在IE中底部3像素的BUG
解决方案:在<li>上加float:left;即可解决
2. IE6中奇数宽高的BUG。
解决方案:就是将外部相对定位的div宽度改成偶数。高度也是一样的。
3. IE6文字溢出BUG
引发这种BUG有几个条件
1.是注释引起的,删除所有注释即可.
2.hidden的input直接放在form下.
3.display为none的div也有可能引发此bug.
4.可以通过外面再包一次DIV解决
由注释造成文字溢出,属于IE6的BUG,溢出文字的字数=注释的条数*2-1,这里的字数在中文或英文数字时都成立。注释坐在位置与溢出位置、区块的浮动以及文字区块的固定宽度有必然联系。
解决办法:
1、不放置注释。最简单、最快捷的解决方法;
2、注释不要放置于2个浮动的区块之间;
3、将文字区块包含在新的<div></div>之间,如:<div style=”float:right;width:400px”><div>↓这就是多出来的那只猪</div></div>;
4、去除文字区块的固定宽度,与3有相似之处;
5、在后面加一个<br />或者空格;(不推荐)
6、使用IE注释格式,如:<!–[if !IE]>Put your commentary in here…<![endif]–>
7、给盒子加position:relative;属性
4. 样式中文注释后引发失效。
满足下面条件就会引起 注释下面的样式不起作用:
1. css有中文注释
2. css为ANSI编码
3. html为utf-8编码
解决方法:
1. 去掉中文注释,用英文注释
2. 统一css 和 html 的编码
建议采用第二种解决方法
ps: css为uft-8 html 为ANSI 不会出现失效的情况。
5. li在IE中底部空行的BUG。
IE6中列表的常见问题出现在当某个 li 中的内容是一个 display: block 的锚点(anchor)时。在这种情况下,列表元素之间的空格将不会被忽略而且通常会显示成额外的一行夹在每个 li 之间。一种避免这种竖直方向多余空白的解决方法是赋予这些锚点 layout。这样还有一个好处就是可以让整个锚点的矩形区域都可以响应鼠标点击。
解决方法:
1. 在li a 样式中加入zoom:1;
2. 在li 样式中加入display:inline ;
3. 将<li>标签写成一行;
4. 在li a 样式中加入width:100%或者一个宽度值;
6. 父级使用padding后子元素绝对定位的BUG。
在父层使用position:relative;和padding(当然0值除外)后,ie6中层的定位起始坐标是从padding后的位置算起,而其他则从层的真实位置算起,而非被padding改变后的那个位置。这点造成使用position:absolute进行层定位时ie6与其他浏览器的表现不一样。
解决方法:
给外层加宽度或zoom:1
7. display:none引起的3像素的BUG
解决方案1:
将最后一个div加一个margin-right:-3px。
如:<divstyle="display: none; "></div><divstyle="background:green; width:10px; float:left; height:300px;margin-right:-3px"></div>
解决方案2:
将display: none的div换一个形式隐藏。
如:<divstyle="position:absolute; visibility: hidden "></div>
8. IE6的图片3px问题
IE 6 中 ,DIV 使用背景图片(或直接插入图片在DIV中)的时候,在图片的下端会出现一条空白间隔,经测量,刚好是 3px .
解决:
IE6默认字号是12pt,默认行高是normal。
1. 给DIV加上:font-size: 0px;
2. 设置img为“display:block;”。
3. 即设置图片的vertical-align属性为“top,text-top,bottom,text-bottom”也可以解决。
4.设置图片的浮动属性,“#sub img {float:left;}”。
5.取消图片标签和其父对象的最后一个结束标签之间的空格,这种方法适用范围比较窄,只限于父对象中只包含一个图片对象,而且和父对象的结束标签之间不能有任何空隙。
9. IE6双倍浮动BUG
解决:
解决办法是加上display:inline;
10. IE6的著名3px BUG(断头台bug):
两个层,一个浮动,一个不浮动,把浮动的一个放在不浮动层中,你会发现两个之间有点间隙,宽度为3px。这个问题是最让人头疼的问题了。
解决方法:
1、所有的层都浮动 把右边那个层也设置成浮动层就可以消除这可恶的3px间隔
2、给左边的层,应用margin-right:-3px;,同样可解决IE 3px bug。
11. Ie6图片导致行距无效
解决方法:对和文字相连接的img、input、textarea、select、object等元素加以属性 margin: (所属line-height-自身高度)/2px 0)
12. IE6使用滤镜使PNG图片透明后,容器内链接失效的问题。
解决方法是为链接定义一个相对定位属性。position:relative
13. 禁用文本框中文输入法的通用方法。
<div>验证码<input type="text" style="ime-mode:disabled"/></div>
IE可以用ime-mode:disabled,firefox3也开始支持IE的这一私有属性
转载于:https://www.cnblogs.com/top5/archive/2013/06/14/3134941.html
细数那些不能直视的IE6BUG相关推荐
- 细数Qt开发的各种坑(欢迎围观)
1:Qt的版本多到你数都数不清,多到你开始怀疑人生.从4.6开始到5.8,从MSVC编译器到MINGW编译器,从32位到64位,从Windows到Linux到MAC.MSVC版本还必须安装对应的VS2 ...
- 怼完Sophia怼深度学习!细数完大神Yann LeCun 这些年怼过的N件事,原来顶级高手是这样怼人的...
图片来源:PCmag.com 十多个小时前,深度学习大神Yann LeCun语出惊人,他宣布放弃"深度学习"这个词.因为媒体对这个词的炒作言过其实,混淆了大家真正的工作,而&quo ...
- 细数二十世纪最伟大的10大算法
导读:作者July总结了一篇关于计算方法的文章< 细数二十世纪最伟大的10大算法 >. 一.1946 蒙特卡洛方法 [1946: John von Neumann, Stan Ulam, ...
- s8 android 8.0变化,细数三星Galaxy S8升级安卓8.0系统后的那些变化,看完决定
三星Galaxy S8大更新 日盼夜盼安卓总算8.0时代到来了,这次s8也总算迎来了安卓8.0版本的更新, 不过目前还是测试阶段,下面我们就来细数有那些变化吧 一,任务管理器点击右上角可以切换视图 二 ...
- 【分享预告】细数GAN和图像分类的前世今生
这是本周的分享预告,一起来细数图像分类与GAN的前世今生. 更多,欢迎到知乎专栏去投稿与交流,配套资料将放出在github,可扫描二维码进入. 打一个小广告,我的计算机视觉公开课<AI 图像识别 ...
- 【转】细数中国十大名校的IT牛人
[转]细数中国十大名校的IT牛人 "不想成为元帅的士兵不是好士兵"----拿破仑.巴拿马 拨开IT江湖上的恩怨纠缠和刀光剑影,我们发现这些IT人原本有着共同的甜蜜的追忆:大学.那些 ...
- 哈罗单车怎么关锁还车_街头现新版哈罗单车,细数6大变化,你觉得怎么样?...
共享单车已经是城市人们出行的必备交通工具,从之前的酷骑到OFO,再到摩拜,到现在的哈罗和青橘.共享单车企业有些关闭.有些苟延残喘.有些新设立,可谓此起彼伏. 共享单车火爆的时候,红黄蓝绿橙白等各种颜色 ...
- 赵英时遥感原理分析和应用课件_细数5种停车场防砸车技术原理分析与应用
原标题:细数5种停车场防砸车技术原理分析与应用 一.压力波防砸装置 也叫遇阻防砸,主要是安装遇阻返回装置,当道闸杆下落过程中接触到车辆或者行人(接触力度是可以调节的),装置道闸杆底下的橡胶条受到阻力, ...
- 细数近年来机器学习研究的几大怪现状
人工智能领域的发展离不开学者们的贡献,然而随着研究的进步,越来越多的论文出现了「标题党」.「占坑」.「注水」等现象,暴增的顶会论文接收数量似乎并没有带来更多技术突破.最近,来自卡耐基梅隆大学的助理教授 ...
- 细数sass安装中遇到的坑
前言: 前两天打算清理电脑的时候,遇到了一点特殊的问题,打算重装一些东西,其中就有我一直用的顺手的SASS预编译工具. 但是在重装的时候,我发现我居然不会用了??? 靠,要不是我用了半年的Sass,我 ...
最新文章
- 浅谈Disruptor
- 命令行运行hadoop实例wordcount程序
- python目录下的文件夹_Python列出当前文件夹下文件的两种方法
- 轉APUE:mmap函数
- weblogic部署模式
- 在用JAVA写一个简易CAD程序时的笔记
- Alienware M11x R2 退居二线,家人工作用机
- AliOS Things
- java转大数据方向如何走?
- 黑苹果万能驱动神器 Hackintool 3.8.4中文版
- 计算机基础学习记录2-1
- 我在Flutter的前24小时
- python解越南逆天小学数学题
- scratch案例——双人赛跑
- PHP生成一个不重复的会员号,php生成一个不重复的会员号
- 迪克斯特拉算法--Dijkstra's Algorithm
- 常规批复试录取浙大MBA的幸运儿经验分享
- C语言 有五个人坐在一起问第五个人多少岁?
- java中的实例变量
- Java项目中使用spring (annotation)