瀏覽器的相容性問題,以及解決辦法

2022-07-28 03:15:11 字數 676 閱讀 4321

相容性

相容性:瀏覽器相容問題和適配問題統稱為相容性問題

解決辦法

1.hack語法,控制解決辦法

eg:說明:

2.常規(直接解決辦法)

ie5/ie6低版本相容性問題

1.雙倍外邊距問題

問題描述:當乙個div給出浮動之後,給出左邊距時。在ie5/ie6上邊距會大2倍。

解決辦法:加屬性display:inline

2.鏈結藍色邊框問題

3.引入下邊距多距離問題

②給它的父級加屬性font-size:0px;

解決辦法2:用hack語句控制

4.如果在不同的瀏覽器版本上,顯示的背景顏色不一樣怎麼辦?(針對於ie5/ie6/ie7)

解決辦法:*(代表相容ie6/ie7)

-或_(代表相容ie5/ie6)

eg:body

5.不同瀏覽器版本,頁面外邊距不同

解決辦法:寫乙個公共的樣式

*以上內容如有錯誤之處,望請諒解,懇請指出錯誤之處...

前端瀏覽器相容性問題和解決辦法

解決方案 css 裡增加萬用字元 解決方案 在float的標籤樣式控制中加入 display inline 將其轉化為行內屬性解決方案 1.給表單元素新增float left 左浮動 2.或者是vertical align middle 垂直對齊方式 居中 描述 cursor hand 只有ie瀏覽...

前端常見瀏覽器相容性問題及解決辦法

不同瀏覽器的核心也不盡相同,所以各個瀏覽器對網頁的解析存在一定的差異。1.不同瀏覽器的標籤預設的外補丁和內補丁不同 2.塊屬性標籤float後,又有橫行的margin情況下,在ie6顯示margin比設定的大 style3.設定較小高度標籤 一般小於10px 在ie6,ie7,遨遊中高度超出自己設定...

瀏覽器相容性問題

苦惱的區別 1.image repeat 在火狐裡比較正常,可是在ie中一直repeat.背景是乙個關閉的x號,div設定的backgourn image url xx 結果在ie中卻不行,最後找到原因是ie中要顯式的寫上image repeat norepeat這屬性,還有好多的差異,明天 去了 ...