1. 程式人生 > >談談瀏覽器的兼容性

談談瀏覽器的兼容性

ali enter 其他 spl 標準 問題: rip clas 事件綁定

(一)html部分

ul標簽外邊距問題:ul標簽在IE6/IE7中有個默認的外邊距,但在IE8以及其他瀏覽器中有個默認的內邊距;

解決方法:統一設置ul的內外邊距為0

(二)CSS樣式的兼容性

1、IE6雙邊距問題:IE6在浮動後,又有橫向的margin,此時該元素的外邊距是其值的2倍;

解決方法:display:block;

2、IE6下圖片的下方有縫隙

解決方法:display:block;

3、IE6下使用margin:0 auto;無法使其居中;

解決方法:為其父容器設置text-align:center;

4、在使用絕對定位或者相對定位後,IE中設置z-index失效,原因是因為其元素依賴於父元素的z-index,但是父元素默認為0, 子高父低,所以不會改變顯示的順序

5、IE6下無法設置1px的行高,原因是由其默認行高引起的 ;
解決辦法:為其設置overflow:hidden;或者line-height:1px;

(三)JavaScript的兼容性

1.標準的事件綁定方法函數為addEventListener,但IE下是attachEvent;

2、ajax的實現方式不同,這個我所理解的是獲取XMLHttpRequest的不同,IE下是activeXObject

談談瀏覽器的兼容性