瀏覽器相容性問題

2022-08-02 19:42:11 字數 1338 閱讀 5118

1、問題:div中的間隙(出現在ie6及更低版本中)

解決方法:將 < img > 轉換為塊級元素,給 < img >新增宣告:_display:block;

2、問題:雙倍浮向(雙倍邊距)

描述:當 ie6 及更低版本瀏覽器在解析浮動元素時,會把浮向邊界加倍顯示。

解決方法:給浮動元素新增宣告:_display:inline;

3、問題:預設高度(ie6)

描述:在 ie6 及以下版本中,部分塊元素擁有預設高度(低於18px高度)

解決方法:給元素新增宣告:_font-size:0;或者 _overflow:hidden;

4、問題:表單元素行高不一致(ie,moz,c,o,s)

描述:表單元素行高對齊方式不一致

解決方法:給表單元素新增宣告:float:left;

5、問題:按鈕元素預設大小不一

描述:各瀏覽器中按鈕元素大小不一致

解決方法:①,統一大小(用 a 標籤模擬)

②,在 input 上寫按鈕樣式,一定把 input 邊框去掉

③,按鈕如果是乙個,直接把作為按鈕的背景圖即可

6、問題:百分比bug

描述:在 ie6 及以下版本中 在解析百分比時,會按四捨五入方式計算從而導致 50% 加 50% 大於 100% 的情況

解決方法:給右面的浮動元素新增宣告:clear:right;

7、問題:滑鼠指標bug

描述:cursor 屬性的 hand 屬性值只支援 ie 瀏覽器, cursor 屬性的 pointer 屬性值 ie6.0以上版本及其他瀏覽器都支援

解決方法:統一某元素滑鼠指標形狀為手型,應新增宣告:cursor:pointer;

8、問題:透明屬性

解決方法:ie 瀏覽器寫法,filter:alpha(opacity=value);取值範圍1~100

相容其他瀏覽器,opacity:value;取值範圍 0~1

注意:瀏覽器父級元素設定透明屬性,子級元素會繼承

過濾器(filter)

1、下劃線屬性過濾器:

在乙個屬性前面增加下劃線後,由於符合標準的瀏覽器 不能識別帶有下劃線的屬性 而忽略這個宣告,但是在 ie6 及更低版本瀏覽器中會解析

語法:選擇符 // div

2、!important 關鍵字過濾器

表示所附加的宣告具有最高的優先順序,但是 ie6 及更低版本不能識別

語法:選擇符  //  .d2 字型顏色紅色

3、*屬性過濾器

在乙個屬性前面增加了 * 後,該屬性只能被 ie7 瀏覽器識別,其他瀏覽器會忽略該屬性的作用

語法:選擇符// div   只有在ie7瀏覽器下字型顏色顯示紅色,其他瀏覽器顯示 綠色

瀏覽器相容性問題

苦惱的區別 1.image repeat 在火狐裡比較正常,可是在ie中一直repeat.背景是乙個關閉的x號,div設定的backgourn image url xx 結果在ie中卻不行,最後找到原因是ie中要顯式的寫上image repeat norepeat這屬性,還有好多的差異,明天 去了 ...

瀏覽器相容性問題

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

瀏覽器相容性問題

解決方案 應該用ie8相容模式瀏覽網頁,而不應該用ie9或ie10渲染模式.很多使用者安裝ie10後發生很多網頁顯示錯亂,就是相容性的原因,因為ie10預設的渲染模式是ie10.此時應該將其改為ie7渲染模式。為什麼用ie6 7渲染模式的原因如下 中國所有網頁肯定都支援ie,支援ie就是支援ie核心...