瀏覽器常見的相容問題以及處理辦法

2021-10-11 09:15:08 字數 754 閱讀 1504

ie8中邊框問題

ie8 中放在a標籤中顯示邊框。

解決方案:

img
ie8中背景復合屬性寫法問題

如下**,在標準瀏覽器中均能正常顯示背景,但是在ie8中顯示異常。

.bg
解決方案:在url和no-repeat之間加上空格

.bg
其他ie低版本相容性問題了解

1.在 ie6 及更早瀏覽器中定義小高度的容器?

解決方案:

#test
2.ie6 及更早瀏覽器浮動時產生雙倍邊距的 bug ?

解決方案:針對 ie6 設定該標籤的 display 屬性為 inline 即可

#test
3.ie7 及更早瀏覽器下子標籤相對定位時父標籤 overflow 屬性的 auto|hidden 失效的問題

解決方案:給父標籤也設定相對定位 position:relative;

塊轉內聯塊 ie7- 不在一行顯示問題

解決方案:

div
ie7 及更早瀏覽器下當 li **現 2 個或以上的浮動時,li之間產生的空白間隙

解決方案:將垂直對齊方式設定為除了 top 值,還可以設定其它值如 middle | bottom 等

li

常見瀏覽器相容問題

1 針對ie5以下和 ie5 firefox 引入檔案區別 import url newstyle.css 後者可以識別,前者不能識別 2 針對ie和firefox指定裝置型別選項 import url newstyle.css screen 後者可以識別,前者不能識別 3 注釋區別 content...

常見瀏覽器相容問題

所謂的瀏覽器相容性問題,是指因為不同的瀏覽器對同一段 有不同的解析,造成頁面顯示效果不統一的情況。在大多數情況下,我們的需求是,無論使用者用什麼瀏覽器來檢視我們的 或者登陸我們的系統,都應該是統一的顯示效果。所以瀏覽器的相容性問題是前端開發人員經常會碰到和必須要解決的問題。在學習瀏覽器相容性之前,我...

常見瀏覽器相容問題

瀏覽器相容問題一 不同瀏覽器的標籤預設的外補丁和內補丁不同 問題症狀 隨便寫幾個標籤,不加樣式控制的情況下,各自的margin 和padding差異較大。碰到頻率 100 解決方案 css裡 備註 這個是最常見的也是最易解決的乙個瀏覽器相容性問題,幾乎所有的css檔案開頭都會用萬用字元 來設定各個標...