一直都看到很多人說，IE6是Web開發(fā)人員的惡夢，以前我單位的內(nèi)部網(wǎng)絡，所有電腦裝的都是IE6，我只針對IE6開發(fā)，似乎沒什么感覺，反正在我的電腦上看到什么樣的，其他電腦上看到也是一樣的。
后來因為某公司給我們做的一個系統(tǒng)運行速度實在太慢，我把自己的電腦更新到IE8，發(fā)現(xiàn)速度快了很多，但是有些東西不兼容，我對那些不兼容的功能使用得比較少，就不管了。
終于，我自己又要開發(fā)一個小項目，用了一個網(wǎng)上下載的CSS模板，發(fā)現(xiàn)里面很多針對IE的注釋，從IE 5到IE 8都有，反正我電腦上看著效果不錯，于是就用了。
辛苦了好幾天，我那項目基本完工了，想在IE6上看看效果，Shit，本來顯示在頁面右方主要區(qū)域的表格掉在了左邊導航欄的下面，表格里面一些DIV的下劃線莫名其妙地不見了，這些東西在我的電腦上顯示得好好的，也沒用到什么特別的東西，怎么差別會這么大呢？
一個個問題排查：
表格問題，在IE6上表現(xiàn)得有些詭異，顯示完之后表格是在下面的，但是鼠標晃過導航欄里面的鏈接，表格又會自動跳到右方區(qū)域，真見鬼。改了一下布局的padding，一個表格好了。另外一個卻還是掉下去，仔細研究了一下，把表格的寬度減少10px，好了。
下劃線問題，我用的是：
border-bottom:1px solid grey
結果IE6不會顯示出這條下劃線。搜索一下才知道這是IE6的bug，它理解不了這么長的句子！必須寫成這樣：
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:grey;
還有比這更傻逼的嗎？有！
它顯示出的線是黑色的，不是grey的！而且根據(jù)DIV里面內(nèi)容的顏色不同，它還會變色！如果里面是紅色的字，那么它下面的線也是紅色，如果是綠色的字，下面的線也是綠色，如果沒有指定顏色，它就是黑色，非常智能，但就是不顯示你要的顏色！
后來知道原來它根本不知道grey的意思，必須指定顏色代碼才能解決。
這就是IE6，沒想到微軟這么大一個公司還出了這么一個垃圾，而且出了那么多年，至今還占據(jù)中國瀏覽器市場的半壁江山！