常見的瀏覽器相容性

2021-07-22 07:25:40 字數 935 閱讀 6438

瀏覽器相容問題一:不同瀏覽器的標籤預設的外補丁和內補丁不同

解決方案:css裡    *

瀏覽器相容問題二:塊屬性標籤float後,又有橫行的margin情況下,在ie6顯示margin比設定的大

解決方案:在float的標籤樣式控制中加入 display:inline;將其轉化為行內屬性

瀏覽器相容問題三:設定較小高度標籤(一般小於10px),在ie6,ie7,遨遊中高度超出自己設定高度

解決方案:給超出高度的標籤設定overflow:hidden;或者設定行高line-height 小於你設定的高度。

瀏覽器相容問題四:行內屬性標籤,設定display:block後採用float布局,又有橫行的margin的情況,ie6間距bug

解決方案:在display:block;後面加入display:inline;display:table;

瀏覽器相容問題五:預設有間距

解決方案:使用float屬性為img布局

瀏覽器相容問題六:標籤最低高度設定min-height不相容

解決方案:如果我們要設定乙個標籤的最小高度200px,需要進行的設定為:

瀏覽器相容問題七:透明度的相容css設定

/* css hack*/ 

◆ie6認識的hacker 是下劃線_ 和星號 *

◆ie7 遨遊認識的hacker是星號 *

比如這樣乙個css設定:

height:300px;*height:200px;_height:100px; 

常見瀏覽器相容性

1 ie5.5及其以前版本的瀏覽器對於盒模型理解上的錯誤 div width 200px padding 5px border 1px solid cccccc 在ie5.5中div 內容的寬度將是200px 5px 1px 5px 1px 188px.在firefox,opera 及ie6等瀏覽器...

瀏覽器相容性常見

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

常見瀏覽器相容性bug

1 ie6有向左浮動且有向左外邊距或文字向右浮動且有向右外邊距是會出現雙倍外邊距的bug 在 ie5.0 ie5.5 ie6 中,當為乙個塊級元素同時設定了向左浮動 float left 及左邊距或右邊距 margin left margin right 後,則該元素的左邊距或右邊距在某些情況下會是...