1. png24位的圖片在iE6瀏覽器上出現(xiàn)背景
解決方案：做成PNG8，也可以引用一段腳本處理。
2. 瀏覽器默認(rèn)的和不同
解決方案：加一個(gè)全局的 *{:0;:0;} 來(lái)統(tǒng)一。
3. IE6雙邊距bug：在IE6下，如果對(duì)元素設(shè)置了浮動(dòng)，同時(shí)又設(shè)置了-left或-right，值會(huì)加倍。
1 #box{ float:left; width:10px; margin:0 0 0 10px;}
解決方案：在float的標(biāo)簽樣式控制中加入 :; 將其轉(zhuǎn)化為行內(nèi)屬性。( _ 這個(gè)符號(hào)只有ie6會(huì)識(shí)別)這種情況之下IE會(huì)產(chǎn)生20px的距離
4. 漸進(jìn)識(shí)別的方式，從總體中逐漸排除局部。
首先，巧妙的使用“9”這一標(biāo)記，將IE游覽器從所有情況中分離出來(lái)。
接著，再次使用 "+" 將IE8和IE7、IE6分離開(kāi)來(lái)，這樣IE8已經(jīng)獨(dú)立識(shí)別。
1 .bb{ 2 background-color:#f1ee18; /*所有識(shí)別*/ 3 .background-color:#00deff9; /*IE6、7、8識(shí)別*/ 4 +background-color:#a200ff; /*IE6、7識(shí)別*/ 5 _background-color:#1e0bd1; /*IE6識(shí)別*/ 6 }
5.IE下，可以使用獲取常規(guī)屬性的方法來(lái)獲取自定義屬性，也可以使用 () 獲取自定義屬性；下,只能使用()獲取自定義屬性
解決方法：統(tǒng)一通過(guò)()獲取自定義屬性
6. IE下，event對(duì)象有 x、y 屬性，但是沒(méi)有 pageX、pageY屬性; 下，event對(duì)象有 pageX、pageY 屬性，但是沒(méi)有 x、y 屬性
解決方法：（條件注釋?zhuān)┤秉c(diǎn)是在IE瀏覽器下可能會(huì)增加額外的HTTP請(qǐng)求數(shù)。
7. 中文界面下默認(rèn)會(huì)將小于 12px 的文本強(qiáng)制按照 12px 顯示
解決方法：可通過(guò)加入 CSS 屬性 --text-size-: none; 解決
8. 超鏈接訪問(wèn)過(guò)后 hover 樣式就不出現(xiàn)了，被點(diǎn)擊訪問(wèn)過(guò)的超鏈接樣式不在具有 hover 和 了
解決方法：改變CSS屬性的排列順序 L-V-H-A
1 a:link {} 2 a:visited {} 3 a:hover {} 4 a:active {}
9. 怪異模式問(wèn)題：漏寫(xiě) DTD 聲明，仍然會(huì)按照標(biāo)準(zhǔn)模式來(lái)解析網(wǎng)頁(yè)網(wǎng)頁(yè)常見(jiàn)的兼容性問(wèn)題，但在 IE 中會(huì)觸發(fā)怪異模式。為避免怪異模式給我們帶來(lái)不必要的麻煩，最好養(yǎng)成書(shū)寫(xiě) DTD 聲明的好習(xí)慣。現(xiàn)在可以使用[html5]() 推薦的寫(xiě)法：
10. 上下重合問(wèn)題：ie和ff都存在，相鄰的兩個(gè)div的-left和-right不會(huì)重合，但是-top和-卻會(huì)發(fā)生重合。
解決方法：養(yǎng)成良好的代碼編寫(xiě)習(xí)慣網(wǎng)頁(yè)常見(jiàn)的兼容性問(wèn)題，同時(shí)采用-top或者同時(shí)采用-。
11. ie6對(duì)png圖片格式支持不好
解決方案：引用一段腳本處理