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