HTML中瀏覽器相容問題 江南春008 新浪部落格

2021-10-10 12:29:33 字數 857 閱讀 9278

同乙個網頁在不同瀏覽器中顯示的效果不一樣,這是因為不同瀏覽器對網頁**的解釋不一樣,特別是css樣式方面,這就是瀏覽器相容性問題。

為了解決流浪器相容問題,程式設計師需要針對各種瀏覽器存在的「bug」編寫相應的css**,這種**也稱作css hack。

首先介紹一下主流瀏覽器的css hack方法:

瀏覽器     特殊符號       符號位置                

firefox        無             無

ie8.0         \0        語句後、分號前

ie7.0          *           語句前

ie6.0         _或+         語句前

各瀏覽器css**書寫順序為先寫firefox再寫ie8.0再寫ie7.0再寫ie6.0,對css**的識別以最後一次為準

下面介紹幾種常見的瀏覽器相容性問題及解決辦法:

(1)三畫素文字慢移問題

問題:ie6.0中,在浮動(float)元素後緊跟乙個行內元素,兩者之間會有3px的間隙

解決方案:在相應的行內元素css中加入_margin-left:-3px;

(2)雙邊距bug

問題:ie6.0中,如果元素浮動方向與margin一致,則會出現雙邊距bug

解決方案:在浮動元素的css中加入_display:inline;

(3)不同瀏覽器預設邊距不一致問題

問題:ul、ol、dl、dt、dd等標籤在ie與firefox中的內外邊距不一致問題

解決方案:可以在css**開頭加上*

(4)其他相容性問題

解決方案:具體問題具體分析

先總結到這,以後發現經典問題再來補充!

瀏覽器相容問題

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

瀏覽器相容問題

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

瀏覽器相容問題

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