瀏覽器相容問題

2021-07-29 18:32:56 字數 883 閱讀 9812

1.縫隙邊距(涉及了行內元素布局模型)問題;(行內元素主要用來裝一些具體內容,如文字f g t p,下行字母)

2.ie6不可定義最小高度;

解決辦法:高度前加下劃線,如:_height;(ie6專用hask設定高度,使6識別,其他不識別);

3.空格不保留

解決辦法:文字中不要出現空格;

4.ie8及以下opacity不支援

解決方法:filter:alpha(opacity=50);

5.超出文字變成省略號

解決方法:text-overflow:ellipsis;/*ellipsis顯示省略號*/    white-space:nowrap;/*設定處理元素內的空白部分,值nowrap空著也不換行,直到遇到強制換行*/    overflow:hidden;/*超出隱藏*/

6.ie6下面浮動不會對後面元素產生影響,但會多出3個畫素的左右邊距,但清除浮動後的效果和谷歌正常時一樣;

解決辦法:給沒有加浮動的元素加上浮動。

7.兩個以上li標籤會出現邊距

解決辦法:當ie7以下出現邊距,給元素轉成行級就可以消除。

8.子浮動父不浮動,子不能撐開父的高度

解決辦法:1.給父親手動設定高度;2.清除浮動;

9.margin-top塌陷現象(ie6正常)

解決辦法:1.給父元素設定overflow:hidden; 2.給父元素新增邊框border:1px solid transparent;寬高各減少2畫素;

瀏覽器相容問題

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

瀏覽器相容問題

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

瀏覽器相容問題

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