常見相容性問題

2022-07-15 22:03:07 字數 1389 閱讀 4796

* png24位的在ie6瀏覽器上出現背景,解決方案是做成png8.也可以引用一段指令碼處理.

* 瀏覽器預設的margin和padding不同。解決方案是加乙個全域性的*來統一。

* ie6雙邊距bug:塊屬性標籤float後,又有橫行的margin情況下,在ie6顯示margin比設定的大。

* 浮動ie產生的雙倍距離(ie6雙邊距問題:在ie6下,如果對元素設定了浮動,同時又設定了margin-left或margin-right,margin值會加倍。)

#box

這種情況之下ie會產生20px的距離,解決方案是在float的標籤樣式控制中加入 ——_display:inline;將其轉化為行內屬性。(_這個符號只有ie6會識別)

* 漸進識別的方式,從總體中逐漸排除區域性。

首先,巧妙的使用「\9」這一標記,將ie遊覽器從所有情況中分離出來。

接著,再次使用「+」將ie8和ie7、ie6分離開來,這樣ie8已經獨立識別。

css.bb

* ie下,可以使用獲取常規屬性的方法來獲取自定義屬性,

也可以使用getattribute()獲取自定義屬性;

firefox下,只能使用getattribute()獲取自定義屬性.

解決方法:統一通過getattribute()獲取自定義屬性.

* ie下,event物件有x,y屬性,但是沒有pagex,pagey屬性;

firefox下,event物件有pagex,pagey屬性,但是沒有x,y屬性.

* 解決方法:(條件注釋)缺點是在ie瀏覽器下可能會增加額外的http請求數。

* chrome 中文介面下缺省會將小於 12px 的文字強制按照 12px 顯示,

可通過加入 css 屬性 -webkit-text-size-adjust: none; 解決.

* 超連結訪問過後hover樣式就不出現了 被點選訪問過的超連結樣式不在具有hover和active了解決方法是改變css屬性的排列順序:

l-v-h-a : a:link {} a:visited {} a:hover {} a:active {}

* 怪異模式問題:漏寫dtd宣告,firefox仍然會按照標準模式來解析網頁,但在ie中會觸發怪異模式。為避免怪異模式給我們帶來不必要的麻煩,最好養成書寫dtd宣告的好習慣。現在可以使用[html5](推薦的寫法:``

* 上下margin重合問題

ie和ff都存在,相鄰的兩個div的margin-left和margin-right不會重合,但是margin-top和margin-bottom卻會發生重合。

解決方法,養成良好的**編寫習慣,同時採用margin-top或者同時採用margin-bottom。

* ie6對png格式支援不好(引用一段指令碼處理)

常見相容性問題

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

常見的相容性問題

為什麼瀏覽器會產生相容性問題?由於不同的瀏覽器的核心不一致,各個瀏覽器對網頁的解析產生了差異。常見的相容性問題 1 img 的alt屬性 在src為空的條件下 瀏覽器顯示結果不一樣 chrome下顯示邊框和文字 ie顯示文字 2 png24的在ie6上顯示出現背景,解決方案是做成png8 3 瀏覽器...

CSS hack IE常見相容性問題

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