瀏覽器相容

2021-08-08 01:30:45 字數 1760 閱讀 2536

1)  css bug: css樣式在各瀏覽器中解析不一致的情況,或者說

css樣式在瀏覽器中不能正確顯示的問題稱為

css bug.

2)  css hack:  css中,

hack

是指一種相容

css在不同瀏覽器中正確顯示的技巧方法,因為它們都屬於個人對

css**的非官方的修改,或非官方的。有些人更喜歡使用

patch(補丁)

來描述這種行為。補丁

3)  filter:表示過濾器的意思,它是一種對特定的瀏覽器或瀏覽器組顯示或隱藏規則或宣告的方法。本質上講,

filter

是一種用來過濾不同瀏覽器的

hack

型別。「#」

>在ie

上會出現邊框

hack:給加

border:0;

或者border:0    none;

div下方撐大大約三畫素。

hack1:將

與寫在一行上,並將

div的字型大小設成0;

hack2:將

轉為塊狀元素,給

新增宣告:

display:block;  

描述:當ie6及更低版本瀏覽器在解析浮動元素時,會錯誤地把浮向邊邊界(

margin

)加倍顯示。

hack:給浮動元素新增宣告:

display:inline;

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

16px

左右;)

hack1:給元素新增宣告:

font-size:0;

hack2:給元素新增宣告:

overflow:hidden;

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

hack:給表單元素新增宣告:

float:left;

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

hack:input外邊套乙個標籤,在這個標籤裡寫按鈕的樣式,把

input

的邊框去掉。

描述:在ie6及以下版本中在解析百分比時,會按四捨五入方式計算從而導致

50%加

50%大於

100%

的情況。(也會受系統影響)

hack:  給右邊的浮動元素新增宣告:

clear:right;   清除右浮動。     

clear:left:清除左浮動

描述:cursor屬性的

hand

屬性值只有

ie9以下瀏覽器識別,其它瀏覽器不識別該宣告.

hack: 如統一某元素滑鼠指標形狀為手型,應新增宣告:

cursor:pointer

相容其他瀏覽器寫法:opacity:value;(value的取值範圍

0-1;)

ie瀏覽器寫法:

filter:alpha(opacity=value);取值範圍

0-100(整數)

描述:父元素與子元素沒有設定浮動情況下,設定margin-top後,會錯誤的把

margin-top

加在父級元素上

hack1 給父級元素新增

overflow:hidden;(

推薦使用)

hack2 給父元素或者子元素加浮動

當兩個上下排列的元素,上元素有margin-bottom:

30px

;下面元素有

margin-top:20px

;他們中間的距離不會疊加,而是會設定為較大的值;

瀏覽器相容

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

瀏覽器相容

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

瀏覽器相容

一 常用的瀏覽器 二 五大瀏覽器核心 trident mshtml 三叉戟 三叉線 三齒魚叉 gecko 壁虎 presto 迅速的 webkit safari核心,chrome核心原型,它是蘋果公司自己的核心,也是蘋果的safari瀏覽器使用的核心 blink 由google和opera soft...