一些主流瀏覽器的相容問題

2021-10-05 23:29:17 字數 966 閱讀 4660

瀏覽器版本舊:ie6

第一類:塊狀元素float後,有新增了橫向的margin,在ie6下比設定的值要大(屬於雙倍浮動的bug)

解決方案:給float標籤新增display:inline,將其轉換為行內元素

第二類:設定較小高度的容器(小於10px),在ie6下不識別小於10px的高度;

第三類:min-height在ie6下不相容

解決方案:

1)min-height:value;

_height:value;
2)min-height:value;

height:auto!important;

height:value;

第四類:滑鼠指標bug

描述:cursor:hand;只有ie瀏覽器識別,其他瀏覽器不識別

解決方案:cursor:pointer;ie6以上瀏覽器及其他核心瀏覽器都識別;

第五類:透明度屬性

解決方案:針對ie瀏覽器:filter:alpha(opacity=value);(取值範圍1–100)

相容其他瀏覽器:opacity:value;(取值範圍0–1)

第六類:百分比的bug

解決方案:父元素寬度為100%,子元素寬度各為50%,在ie6下各個元素寬度之和超過100%

解決方案:給右邊浮動的子元素新增clear:right;

第七類:上下margin的重疊問題

描述:給上邊元素設定了margin-bottom,給下邊元素設定了margin-top,瀏覽器只會識別較大值;

解決方案:margin-top和margin-bottom中選擇乙個,只設定其中乙個值;

第八類:預設有間隙

解決方案:

1)給img標籤新增左浮動float:left;

2)給img標籤新增display:block;

以上就是關於ie6的一些相容問題

瀏覽器相容問題

我經常看到一些人提問說網頁錯位,和在火狐裡面看上去網頁是好的,在ie在錯位了.在web 下html css裡全看一些關於這些問題.還有有ul li什麼調整不好的.等等 全可以用css hack 解決的.解決方法 用positon relative 然後 top 0px left 0px 上面的top...

瀏覽器相容問題

給近兩天的工作乙個總結,給這週劃上句號。工作中遇到了在google顯示的很好的介面,在ie顯示的不是很好,但還能看,僅僅是顏色和和位置錯位,在360瀏覽器下看就是真的錯誤太大了,不顯示,樣式也亂了,於是走上解決瀏覽器相容之路。思路1 對應每個瀏覽器寫個css,判斷之,工作量太大,放棄。思路2 針對每...

瀏覽器相容問題

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