罗列十个糟糕的IE Bug 及修复要领

海外有许多优越的文章可以用来进修，我抉择花些时刻翻译。我并不知道这篇文章有没有人翻译过，原文名 10 Awful IE Bugs and Fixes，我但愿能有更多人能看到这些优越的文章。外国人很诙谐，以是我也就全文翻了。好手绕道

以下为译文：

我罗列了10个常见的IE bug息争决要领。我信托这将可以或许辅佐你镌汰调试IE机关纷歧致时花掉的时刻。

作者：kevin

简介

在处理赏罚IE方面每小我私人都有他们本身的故事。作为一个开拓者我不得不面临大量的IE的古里离奇的题目而且有的时辰你只是想用头撞墙。可是跟着时刻的推移，我们逐步吃一堑长一智（有些时辰那不是我们的错，是IE的错！）而且开始接管和领略IE的独特举动。我们不得不这样由于如故稀有目可观的IE6用户。最好的做法是一开始就不绝的从差异的赏识器测试你的网站。从一开始就办理机关题目要比在数千行html和css代码之后轻易的多。

有许多行为在抗议IE6，支持它的是大大都web专家和看起来不怎么体谅的平凡用户。以是，我们此刻能做什么？我们不得不继承发掘来办理IE6的题目。可是，等一下，有一个振奋民气的动静。基于w3cschool的月度报表，IE6的用户这些年已经镌汰了一些。从2006年6月的60.3%到此刻2009年9月的13.6%。凭证这种比例，我们应该能在2010年年底的时辰放弃IE6(译注：海外的环境还真是一片大好啊~。~)

好了，回到实际，我已经列出了所有我之前碰着的题目作为将来参考的列表。我信托这将可以或许辅佐你镌汰调试IE机关纷歧致时花掉的时刻。

1、IE6 鬼魂文本(Ghost Text bug)

在我写本文之前，我碰着了这个bug。它相等的离奇和有趣。一块不知哪来的一再的文本，被IE6表现在接近原文本的下面。(译注：也可以参看 Explorer 6 Duplicate Characters Bug 得到bug演示)。我无法办理它，以是我搜刮它，公然，这是另一个IE6的bug。

对此有很多办理要领，可是没有一个对我的例子有用(由于网站的伟大性我无法行使个中的一些要领)。以是我行使了hack。在原文本之后增进空格看起来能办理这个题目。

可是，从 Hippy Tech Blog 哪里相识到，题目背后的缘故起因是因为html注释标签。IE6不能正确的渲染它。下面是他提议的办理方案列表：

办理要领：

1. 行使<!—[IF !IE]>标签困绕注释
2. 移除注释
3. 在前浮动上增进样式 {display:inline;}
4. 在恰当的浮动的div上行使负边距
5. 在原文本增进特另外&nbsp;(好比10个空格) (hacky way)

2、相对位置和溢出潜匿(Position Relative and Overflow Hidden)

这个题目我碰着过许多次，其时我正在筹备一个JQuery的教程，由于我行使了许多overflow hidden来到达我想要的机关。
题目产生在当父元素的overflow被配置成hidden而且子元素被配置成position:relative。
CSS-Trick有一个很好的例子来演示这个bug。position:relative and overflow in internet explorer

办理要领：

为父元素增进position:relative;

3、IE的最小高度(Min-Height for IE)

这很简朴，IE忽略min-height属性。你可以用下面的hack来修复它。感激Dustin Diaz。

这个办理要领在IE6, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2里都事变的很好。

办理要领：

selector { 
    min-height:500px; 
    height:auto !important; 
    height:500px; 
}

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!