常見瀏覽器相容問題

2021-05-26 21:05:13 字數 864 閱讀 8294

1、針對ie5以下(ie5、firefox)引入檔案區別

@import url("newstyle.css");後者可以識別,前者不能識別

2、針對iefirefox指定裝置型別選項

@import url("newstyle.css")screen;後者可以識別,前者不能識別

3、注釋區別

#contentfirefoxie6及以上可以,ie5不行

注:選擇符與之間,不允許有空格存在。如果有空格存在,那麼該css hack不會產生任何作用

4、屬性選擇符針對ie6和火狐

span[class=left]對於這種屬性選擇符,ie6及以下版本不能識別,但是firefox和ie6以上可以識別

[xmlns] #content可以使用[xmlns]作為頂級選擇符。但是使用此方法必須讓你的html標籤加上xmlns屬性。例如:>

5、特殊

#content\"";

voice-family:inherit;

color:red;

使用**中的兩句voice-family屬性之後,下面的color:red;將不會被ie5.5以及以下的瀏覽器解析

6、+hack

#content{

width:500px;

+width:500px;ie8以下可以執行ie8及firefox不行

常見瀏覽器相容問題

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

常見瀏覽器相容問題

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

瀏覽器常見相容問題

常見相容問題 1.doctype影響 css 處理 2.ff div 設定 margin left,margin right 為 auto 時已經居中,ie 不行 3.ff body 設定 text align 時,div 需要設定 margin auto 主要是 margin left,margi...