css一招解決不同瀏覽器頁面錯位

2021-06-06 04:41:58 字數 690 閱讀 5424

用css+div來寫****的好處顯而易見,這裡不多說了,但由於不同瀏覽器對css的解釋不統一,造成不同瀏覽器下頁面錯位的現象十分常見……

頁面亂的原因是因為ie6認為乙個div超寬了,所以把本應float;right的div擠了下去。而如果設定為ie6下顯示正常的寬度,則在ie7和firefox下看頁面就會少了一塊一樣,也很彆扭…. 

怎麼辦?用css hack 來改寫css**

改寫前:***. yyy: (當設為ie7和firefox下顯示正常的600px時,ie6下會錯位,改為590px,則ie6下正常,ie7和firefox下顯示不完美)

改寫後: ***. yyy

(firefox不認識*和_,而ie都認識*,ie7不支援_,ie6支援_)

順序千萬不要亂,因為當出現重複定義時,瀏覽器預設按最後一下渲染,所以一定要先正常,再*,最後_。

這樣firefox讀取時只看到了正常的定義,而ie都能看到第二個*的定義,於是忽略第乙個正常的定義,而ie中因為ie7不再支援_,所以按照第乙個帶*號的執行,ie6支援_,所以認為帶*後的也是重複定義,予以忽略,執行最後乙個定義。

有人喜歡用!important來進行css hack,但我覺得!important寫起來太長了,不如*和_簡單直觀。

只要記住ie7=*,ie6=_,然後按照先firefox後ie7,最後ie6的順序進行編寫,一般就可以保證大部分使用者瀏覽正常了。

解決不同瀏覽器對css支援問題詳解

多使用jquery,它有很好的相容性。在 設計的時候,應該注意css樣式相容不同瀏覽器問題,特別是對完全使用div css設計的網,就應該更注意ie6 ie7 ff對css樣式的相容,不然,你的網亂可能出去不想出現的效果!所有瀏覽器 通用 height 100px ie6 專用 height 100...

解決不同瀏覽器相容問題心得

1.針對不同瀏覽器的hack寫法 firefox moz document url prefix webkit枘核瀏覽器 chrome and safari media screen and webkit min device pixel ratio 0 ie 請轉2.css reset css的樣...

教你一招快速修復 防護IE瀏覽器

上網查資料,軟體 看新聞等,很多朋友都是借助微軟windows系統自帶的ie瀏覽器來完成的。最受寵的ie,有時它也像乙個很嬌氣的孩子那樣弱不禁風,其實也不能怪它,只怪微軟給了它一幅嬌弱的身軀。既然先天性注定不足,我們只好從後天去彌補它。主要是保護我們的ie瀏覽器不輕易地被攻擊,其二就是修理被破壞的i...