常見的相容性問題

2021-07-28 10:09:13 字數 553 閱讀 3823

為什麼瀏覽器會產生相容性問題?

由於不同的瀏覽器的核心不一致,各個瀏覽器對網頁的解析產生了差異。

常見的相容性問題:

1、img 的alt屬性(在src為空的條件下),瀏覽器顯示結果不一樣

chrome下顯示邊框和文字;ie顯示文字

2、png24的在ie6上顯示出現背景,解決方案是做成png8

3、瀏覽器預設的margin和padding不同,加*

4、ie雙邊距bug:在float的養護控制中加入_display:inline

5、link樣式設定順序:l-v-h-a

7、ie下兩個float之間會有3px的bug:給右邊的元素也設定float:left

8、ie6下使用margin:0 auto;無法劇中:給父容器設定:text-align:center

9、ie6下無法設定1px 的行高:由於其預設高度,可以為其設定overflow:hidden或者line-height:1px

10、事件繫結:標準addeventllistener,ie:attachevent

11、事件捕獲和事件冒泡

常見相容性問題

png24位的在ie6瀏覽器上出現背景,解決方案是做成png8.也可以引用一段指令碼處理.瀏覽器預設的margin和padding不同。解決方案是加乙個全域性的 來統一。ie6雙邊距bug 塊屬性標籤float後,又有橫行的margin情況下,在ie6顯示margin比設定的大。浮動ie產生的雙倍距...

常見相容性問題

png24位的在ie6瀏覽器上出現背景,解決方案是做成png8.也可以引用一段指令碼處理.瀏覽器預設的margin和padding不同。解決方案是加乙個全域性的 來統一。ie6雙邊距bug 塊屬性標籤float後,又有橫行的margin情況下,在ie6顯示margin比設定的大。浮動ie產生的雙倍距...

CSS hack IE常見相容性問題

1 hack是什麼?hack是基於開源的程式的基礎,對其 進行增加 刪除或者修改 優化,使之在功能上符合新的需求。2 css hack是什麼?不同的瀏覽器,對css樣式相容不同,css hack就是針對瀏覽器的不同,編寫不同的css樣式。3.css相容方式 1 瀏覽器對css中的關鍵字相容 9 ie...