存档
IE6的十个bug的Fix方案，看到一篇文章整理了一下，顺便转过来备忘一下。 原文链接 http://www.sitepoint.com/blogs/2009/03/06/10-fixes-for-ie6-problems/ 1. 强制浏览器是用Web标准解析 HTML的写法 1 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 或者XHTML的写法 1 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2. Set Position: relative 给元素指定Position: relative能够解决很多奇怪的问题，比如对齐和显示不正确等。对于Position的属性要小心设置，特别是设为absolute。 3. 给Float的元素加上inline属性避免双倍margin 这大概是最著名的一个bug了，IE6下对于浮动元素，会莫名其妙的双倍空白边，解决的方法也很莫名，设上display:inline属性就好了，对于float元素这个属性本身没有任何意义。 4. 给特定元素加上hasLayout属性 很多IE6（甚至是IE7）的问题可以通过设置hasLayout这个ie only的内部属性来解决，比如让a这样的行级元素变成块级元素或者让元素应用透明效果。但这个属性并不能直接设置。最简单的让元素拥有hasLayout属性的方法是显式的为其设置高度或者宽度。有的时候，你不能显示的为其设定高度，可以使用设置高度为1%，而其父元素如果没有确定的高度时，该设置不会被应用到实际的高度上，但是hasLayout会被激活。 5. Fix字符重复bug 这是IE6上面一个非常奇怪的BUG，他的触发条件也是相当诡异，在浮动元素间如果有 <!– comment –> <!– comment –> <!– comment –> 这样的普通的HTML注释的话，会导致Float元素中的最后的字符会很诡异的出现在后面的clear元素中，具体的介绍大家可以看这里 positioniseverything 。 解决的方法也很奇怪 [...]
