瀏覽器的相容

2021-10-01 17:12:49 字數 1725 閱讀 3519

css bug: css樣式在各瀏覽器中解析不一致的情況,或者說css樣式在瀏覽器中不能正確顯示的問題稱為css bug.

css hack: css中,hack是指一種相容css在不同瀏覽器中正確顯示的技巧方法,因為它們都屬於個人對css**的非官方的修改,或非官方的補丁。有些人

更喜歡使用patch(補丁)來描述這種行為。

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

插入問題

向下撐大3畫素

解決方法一,

vertical-align

:top/middle/bottom

解決方法二,

img

解決方法三,

(寫浮動,會造成高度塌陷)

div

img

解決辦法

img

表單行高不一致

解決辦法

input

按鈕大小不一致

解決辦法:使用怪異盒模型

input

給按鈕單獨設定高度

.btn

用超連結代替按鈕

"#">按鈕
給按鈕外面巢狀乙個標籤,然後把邊框去掉

用背景設定按鈕

滑鼠指標:滑鼠變成小手

cursor

:hand;

(只有ie支援,別的都不支援)

cursor

:pointer;(都支援)

cursor

:help,wait

雙邊距問題

給float的元素寫display

:inline;

預設高的問題

設定font-size:0;或者 overflow:hidden;
百分百bug

兩個float:left;的50%相加,大於100%。會換行

給在右邊的div新增clear

:right

透明度

filter:alpha(opacity=value)值0-100

opactity:value值0-1

filter解決方法

關鍵字 !important

下劃線 _height(只有ie6支援)

星號 *height( ie6 ie7支援)

反斜槓 \9 height:100px\9 (ie支援)

相容字首

-webkit-蘋果谷歌

-moz-火狐

-ms-ie

-o-歐朋

1px的邊框在手機會顯示2px

瀏覽器相容

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

瀏覽器相容

1 css bug css樣式在各瀏覽器中解析不一致的情況,或者說 css樣式在瀏覽器中不能正確顯示的問題稱為 css bug.2 css hack css中,hack 是指一種相容 css在不同瀏覽器中正確顯示的技巧方法,因為它們都屬於個人對 css 的非官方的修改,或非官方的。有些人更喜歡使用 ...

瀏覽器相容

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