• png24 位的圖片在 iE6 瀏覽器上出現背景

  解決方案是做成 PNG8.

• 瀏覽器默認的 margin 和 padding 不同。

  解決方案是加一個全局的*{margin:0;padding:0;}來統一。

• IE6 雙邊距 bug:塊屬性標簽 float 后,又有橫行的 margin 情況下,在 ie6 顯示 margin比設置的大。浮動 ie 產生的雙倍距離 #box{ float:left; width:10px; margin:0 0 0 100px;}這種情況之下 IE 會產生 20px 的距離

  解決方案是在 float 的標簽樣式控制中加入 _display:inline;將其轉化為行內屬性。(_這個符號只有 ie6 會識別)

• IE 下,可以使用獲取常規屬性的方法來獲取自定義屬性, 也可以使用 getAttribute()獲取自定義屬性;
  Firefox 下,只能使用 getAttribute()獲取自定義屬性。 解決方法:統一通過 getAttribute()獲取自定義屬性。
  IE 下,even 對象有 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 {}

---

漸進識別的方式,從總體中逐漸排除局部

首先,巧妙的使用“\9”這一標記,將 IE 游覽器從所有情況中分離出來。 接著,再次使用“+”將 IE8 和 IE7、IE6 分離開來,這樣 IE8 已經獨立識別。

.bb{ background-color:red;/\*所有識別\*/ background-color:#00deff\9; /\*IE6、7、8 識別\*/ +background-color:#a200ff;/\*IE6、7 識別\*/ _background-color:#1e0bd1;/\*IE6 識別\*/ }

轉載于:https://www.cnblogs.com/macq/p/6519019.html

總結

以上是生活随笔為你收集整理的经常遇到的浏览器的兼容性有哪些?的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。