同乙個網頁在不同瀏覽器中顯示的效果不一樣,這是因為不同瀏覽器對網頁**的解釋不一樣,特別是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 針對每...
瀏覽器相容問題
所謂的瀏覽器相容性問題,是指因為不同的瀏覽器對同 段 有不同的解析,造成 顯 效果不統 的情況。在 多 數情況下,我們的需求是,論 戶 什麼瀏覽器來檢視我們的 站或者登陸我們的系統,都應該是統 的顯 效果。所 以瀏覽器的相容性問題是前端開發 員經常會碰到和必須要解決的問題。在學習瀏覽器相容性之前,我...