1，png24位的圖片在IE6瀏覽器上出現(xiàn)背景，解決方案是做成PNG8.
2，瀏覽器默認(rèn)的margin和padding不同。解決方案是加一個(gè)全局的｛margin:0;padding:0;｝來統(tǒng)一。
3、IE6雙邊距bug:塊屬性標(biāo)簽float后， 又有橫行的margin情況下，在ie6顯示margin比設(shè)的大。浮動(dòng)ie產(chǎn)生的雙倍距離#itcast{ float: left; width: 10px;margin: 0 0 0 100px}這種情況之下IE會(huì)產(chǎn)生20px的距離，解決方案是在float的標(biāo)簽樣式控制中加入display: inline;將其轉(zhuǎn)化為行內(nèi)屬性。(“_" 這個(gè)符號(hào)只有 ie6會(huì)識(shí)別)
4、IE 下可以使用獲取常規(guī)屬性的方法來獲取自定義屬性，也可以使用getAttribute0獲取自定義屬性;Firefox下,只能使用getAttribute0獲取自定義屬性。解決方法:統(tǒng)一通過getAttribute0獲取自定義屬性。
5、 IE下,even對(duì)象有x,y屬性但是沒有pageX,pageY屬性Firefox下,event對(duì)象有pageX,pageY屬性但是沒有xy屬性。解決方法: (條件注釋) 缺點(diǎn)是在IE瀏覽器下可能會(huì)增加額外的HTTP請(qǐng)求數(shù)。
6、 Chrome 中文界面下默認(rèn)會(huì)將小于12px的文本強(qiáng)制按照12px 顯示，可通過加入CSS屬性-webkit-text-size-adjust: none; 解決。
7.超鏈接訪問過后hover樣式就不出現(xiàn)了被點(diǎn)擊訪問過的超鏈接樣式不在具有hover和active了。解決方法是:改變CSS屬性的排列順序: L-V-H-A 、a: link {}a: visited{}a: hover{}a: active {}
