• 您現(xiàn)在的位置： 創(chuàng)新互聯(lián) >> 網(wǎng)站建設(shè) >> 網(wǎng)站建設(shè)常見問題 >> CSS Hack瀏覽器兼容整理

CSS Hack瀏覽器兼容整理

• 作者：曾小姐 文章來源：成都網(wǎng)站建設(shè) 點擊數(shù)：898 更新時間：2011-11-24
• 　　在網(wǎng)站建設(shè)中，少不了的是進行網(wǎng)頁的測試，這時候，就需要提到瀏覽器了�？赡軙�多網(wǎng)站的朋友都會遇到這樣一個問題，瀏覽器的兼容性。所以，今天，成都創(chuàng)新互聯(lián)的網(wǎng)站小編將會跟大家說說CSS Hack瀏覽器兼容整理問題，大家共同琢磨琢磨吧。
  首先，提及一下基礎(chǔ)概念知識
  　　CSS hack是針對不同的瀏覽器寫不同的CSS code的過程。
  　　Css hack的原理：由于不同的瀏覽器對CSS的支持及解析結(jié)果不一樣，還由于CSS中的優(yōu)先級的關(guān)系。我們就可以根據(jù)這個來針對不同的瀏覽器來寫不同的CSS。
  　　瀏覽器優(yōu)先級別：FF < IE7 < IE6
  　　書寫順序一般是將識別能力強的瀏覽器的CSS寫在后面，CSS hack書寫順序一般為FF IE7 IE6
  　　div+css瀏覽器兼容IE6,IE7,FF之間的標識區(qū)別：
  　　　　　　　　IE6 IE7 FF
  　　　　*　　　　√ √ ×
  　　important 　× √ √
  　　小編總結(jié)：
  　　1. IE都能識別*,標準瀏覽器(如FF)不能識別*，
  　　2. IE6能識別*，但不能識別 !important,
  　　3. IE7能識別*，也能識別!important，
  　　4. firefox不能識別*，但能識別!important，
  　　這里要跟大家說說這幾個瀏覽器之間的區(qū)別：
  　　1．IE6和firefox的區(qū)別：background:orange，*background:blue：
  　　意思就是火狐瀏覽器的背景顏色是橙色,而IE瀏覽器的背景色是藍色。
  　　2. IE6和IE7的區(qū)別：background:green !important;background:blue，
  　　意思指的是:IE7的背景顏色是綠色,IE6的背景顏色是藍色
  　　3. IE7和FF的區(qū)別：
  　　background:orange，*background:green，
  　　意思指的是:火狐瀏覽器的背景顏色是橙色,而IE7的背景顏色是綠色
  　　4. FF，IE7，IE6的區(qū)別：
  　　background:orange;
  　　*background:green !important;
  　　*background:blue;
  　　意思是火狐瀏覽器的的背景橙色,IE7瀏覽器的背景顏色是綠色,而IE6瀏覽器的顏色是藍色。
  第二，要跟大家說說具體操作時的建議
  　　1，開發(fā)平臺的選擇
  　　在 Firefox 上編寫CSS, 同時兼容其他瀏覽器的. 這樣做肯定會比在 IE 做好再到別的瀏覽器兼容來得容易, 因為 IE 對老標準支持還是很不錯的, 而IE 的一些特有功能人家卻不支持. 所以推薦以 Firefox 結(jié)合 Firebug 擴展作為平臺。
  　　2，CSS Hack 的順序
  　　使用 Firefox 作為平臺, 只要代碼寫得夠標準, 其實要 Hack 的地方不會很多的, IE 以外的瀏覽器幾乎都不會有問題, 所以可以暫時忽略, 順序如下：Firefox -> IE6 -> IE7 -> 其他
  　　3，Hack 的方法
  　　說到方法有兩種, 一種是在不同文件中處理, 另一種則是在同一個文件中處理. 其實作用是相同的, 只是出發(fā)點不一樣而已。
  　　a,同一文件中處理
  　　如: id="bgcolor" 的控件要在 IE6 中顯示藍色, IE7 中顯示綠色, Firefox 等其他瀏覽器中顯示紅色
  　　IE6 不認 !important, 也不認 *+html. 所以 IE6 只能是 blue。
  　　IE7 認 !important, 也認 *+html, 優(yōu)先度: (*+html + !important) > !important > +html. IE7 可以是 red, blue 和 green, 但 green 的優(yōu)先度最高。
  　　Firefox 和其他瀏覽器都認!important. !important 優(yōu)先, Firefox 可以是 red 和 blue, 但 red 優(yōu)先度高。
  　　上述的優(yōu)先符號均是 CSS3 標準允許的, 其他瀏覽器也還有其他的 Hack 方法, 但我迄今還沒遇到過 Firefox 正常, IE 以外的其他瀏覽器不正常的情況, 所以無可分享. 只要代碼規(guī)范, 相信這種情況的發(fā)生應(yīng)該是很罕見 (javascript 除外)。
  　　b,不同文件中處理
  　　為什么同一文件中可以處理還要寫在多個文件里面針對不同的瀏覽器? 這是為了欺騙 W3C 的驗證工具, 其實只需要兩個文件, 一個是針對所有瀏覽器的, 一個只為 IE 服務(wù). 將所有符合 W3C 的代碼寫到一個里面去, 而一些 IE 中必須的, 又不能通過 W3C 驗證的代碼 (如: cursor:hand;) 放到另一個文件中, 再用下面的方法導入。
  　　網(wǎng)頁設(shè)計前臺的兼容不應(yīng)該僅限于對過去的瀏覽器支持(向前兼容), 更應(yīng)該對未來的瀏覽器服務(wù) (向后兼容)。因為瀏覽器的發(fā)展很快, 而經(jīng)常上網(wǎng)的人更新軟件的頻率非常高的, 所以向后兼容的意義甚至比先前兼容還來得重要。如何向后兼容呢? 只要符合標準你的網(wǎng)站制作就永遠不會過時 (IE 系列除外).所以盡量做到標準, 不得已才Hack,盡量使用比較簡單的方法去解決。這樣，才能讓網(wǎng)頁無論在什么情況下都不用擔心會出現(xiàn)什么嚴重問題啦，如果你有什么疑問，成都創(chuàng)新互聯(lián)網(wǎng)站建設(shè)隨時歡迎你的咨詢！
• 上一篇文章：網(wǎng)站建設(shè)中常用的幾種返回代碼
  下一篇文章：html元素的部分常用默認樣式總結(jié)