1. 不同瀏覽器的標籤缺省外補丁margin和內補丁padding不同
發生概率：100%
解決方案：使用css萬用字元*，設定內外補丁為0
*2. 塊屬性標籤float之後，又有橫向的margin值，在ie6中顯示會比設定的大（ie6雙邊距bug）
發生概率：90%
解決方案：在float標籤樣式控制中加入display:inline;
3. 設定較小的高度標籤（一般小於10px），在ie6，ie7，遨遊中超出自己設定的高度
發生概率：60%
解決方案：給超出高度的標籤設定overflow:hidden;或者設定行高line-height小於你設定的高度。
4. 行內標籤設定display:block;後又採用float布局，再設定橫向margin值時，在ie6中顯示會比設定的大（ie6雙邊距bug）
發生概率：20%
解決方案：在display:block;後面加上display:inline;display:table;
5. 預設有間距
發生概率：20%
解決方案：使用float為img布局
6. 標籤最低高度設定min-height不相容
發生概率：5%
解決方案：例如要設定乙個標籤的最小高度為200px
7. 透明度相容設定
發生概率：主要看你要寫的東西設不設透明度
解決方案：一句話
transparent_class
或 ul li
常見瀏覽器相容性問題總結
所謂的瀏覽器相容性問題，是指因為不同的瀏覽器對同一段 有不同的解析，造成頁面顯示效果不統一的情況。在大多數情況下，我們的需求是，無論使用者用什麼瀏覽器來檢視我們的 或者登陸我們的系統，都應該是統一的顯示效果。所以瀏覽器的相容性問題是前端開發人員經常會碰到和必須要解決的問題。在學習瀏覽器相容性之前，我...
常見瀏覽器相容性問題
概念 不同的瀏覽器對同一段 解析不同造成瀏覽器顯示效果不同，我們把這樣的問題叫做瀏覽器相容性問題 描述 塊元素float後，又設定了橫向的margin值，在ie6下顯示的margin值比設定的值要大，並且是2倍關係 解決方案 給float的塊元素新增display inline 解決方案 a 給表單...
常見的瀏覽器相容性問題
1.就是ie6雙倍邊距的問題，在使用了float的情況下，不管是向左還是向右都會出現雙倍，最簡單的解決方法就是用display inline 加到 css裡面去。2.文字本身的大小不相容。同樣是font size 14px的宋體文字，在不同瀏覽器下佔的空間是不一樣的，ie下實際佔高16px，下留白3...