九步轻松解决IE6的各种疑难杂症

开发 前端
本文向大家介绍一下IE6中的各种问题及解决方法,剿杀IE6的战斗仍在继续,我们唯一能做的是用一些手段减轻IE6带来的痛苦。

你在使用IE6的过程中是否经常遇到这样或者那样的问题,这里和大家分享一下IE6中遇到问题的解决方法,相信本文介绍一定会让你有所收获。

九步教你解决IE6的各种疑难杂症

剿杀IE6的战斗仍在继续,一家重量级公司的加入为这场战斗增加了决胜的砝码,Google宣布,从2010年3月1日起,GoogleDocs和GoogleSites将不再支持IE6。如今,宣布不支持IE6的公司已经构成了一份长长的名单,然而,IE6是真的那么轻易被剿灭吗?我们唯一能做的是用一些手段减轻IE6带来的痛苦。

  1.使用文档类型

  尽量使用最严格的文档类型,确保你的页面运行于标准模式下。虽然用了它们,你可能不能用许多标签,如b,s,font等,但它们都可以用CSS来代替。

  或者最简单的,这是HTML5唯一认可的文档类型,浏览器会自动转换为上面那个。也不要用xhtml的文档声明了,它原本想搞到html成为过渡的产品,殊不知自己才是匆匆的过客。而且用了它,元素的nodeName可能会区分大小写,非常麻烦。

  2.使用position:relative

  在布局中,永远是先考虑定位布局然后才到浮动布局。IE的浮动模型令人狂抓。

  3.使用display:inline

  如果你一定要使用浮动,那请在后面跟紧display:inline。因为IE6存在一个很容易发生的bug。只要对块状容器元素设置了float和与float相同方向的margin值就会出现。如我们给div元素设置了float:left和margin-left:100px,在IE6中就会变成margin-left:200px。

  4.请不要使用注释节点

  这里涉及两个可恶性的东西。一个是多余字符bug,可以参考本博客园的杨正祎(阿一)大大的这篇文章《歌剧院魅影bug》。第二个是IE全系列的查找API的bug,document.all,document.getElementsByTagName与document.querySelectorAll都有可能返回注释节点。

  5.悬浮效果记得使用带有href属性的a元素套嵌

  在IE:hover只对a标签有效,而且这标签一定显式设置了href属性。

  6.样式设置中不要使用百分比

  IE在计算百分比时存在问题。

  7.让元素获取hasLayout

  详情请自行google百度这一篇伟大的学术研究《Onhavinglayout》。我们可以用el.currentStyle.hasLayout来检测它是否获得layout,一个获得layout的万能方法是zoom:1。

    8.严格遵守(x)html的套嵌规则

  套嵌规则是定义在文档类型中,文档是按照它来解析的,虽然现在的浏览器都很醒目,但为了防止它们发神经,还是小心为妙。另,虽然对于某些元素会自动闭合,我们还是自己闭合吧,养成个好习惯是非常重要的。

  9.提高你的javascrip水平

  IE6许多东西都不支持或支持不好,但我们几乎都可以用javascript来模拟,如各种关系伪类,子元素过滤伪类,属性伪类,目标伪类,min-width与max-width,PNG的透明问题……

【编辑推荐】

  1. hover在IE6下的问题及解决方法
  2. 探究IE8与IE7具体功能中窗口功能按钮的变化
  3. IE6 IE7 IE8三个版本的CSS兼容速查手册
  4. IE6下使用CSS定义DIV高度行之有效的办法
  5. 技术前沿 一段JS代码轻松解决IE6-IE8的兼容性问题

 

责任编辑:佚名 来源: it168.com
相关推荐

2010-08-26 09:03:05

IE6

2009-02-05 10:12:00

2012-11-26 10:23:08

医疗大数据R统计语言

2015-09-15 10:09:09

TCP网络协议

2018-10-31 14:40:19

TCP协议ISO

2014-06-23 13:59:18

互联网电商运营

2019-02-21 09:32:13

MQ中间件SQL

2022-07-17 12:58:43

Docke技巧

2022-04-06 13:55:22

DockerLinux

2009-04-29 14:46:15

ADSL宽带掉线

2015-09-06 11:41:15

快码众包加速器

2022-01-20 22:05:19

ChromiumtransformCSS

2009-01-11 09:29:00

局域网共享拨号

2022-07-28 14:29:38

机器学习技术

2018-04-11 07:48:16

2016-08-19 12:59:06

医疗信息疑难杂症

2022-05-06 15:48:24

播放器鸿蒙

2013-08-19 11:06:53

技术周刊

2010-08-19 10:56:55

JSIE6IE7
点赞
收藏

51CTO技术栈公众号