談談瀏覽器的兼容性
阿新 • • 發佈:2018-03-20
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
談談瀏覽器的兼容性