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