如何轻松解决IE6的各种疑难杂症

发布时间:2021-11-18 09:46:47 作者:柒染
来源:亿速云 阅读:127

如何轻松解决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

我们可以用el.currentStyle.hasLayout来检测它是否获得layout,一个获得layout的方法是zoom:1。

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

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

9.提高你的javascrip水平

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

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注亿速云行业资讯频道,感谢您对亿速云的支持。

推荐阅读:
  1. 怎么轻松解决IBM存储硬盘故障
  2. 怎么解决IE6中奇数宽高的BUG

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

ie6

上一篇:margin和padding属性中四个值的先后顺序及区别是什么

下一篇:html中span是不是块元素

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》