常見相容性問題

* 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...