DIV+CSS網頁設計 IE6 IE7 FF 多瀏覽器兼容方案

使用不同的瀏覽器(IE6 IE7  Firefox )訪問同一個網站,或者頁面的時候,會出現一些不兼容的問題,有的顯示出來不正常,我們在編寫CSS的時候會很惱火,剛修復了這個瀏覽器的問題,結果另外 一個瀏覽器卻出了新問題。而HACK就是一種辦法,能讓你在一個CSS裏面獨立的寫支持不同瀏覽器的樣式。
程序代碼

第一個HACK,IE FF 所有瀏覽器 公用(其實也不算是HACK)
height:100px;
第二個HACK IE6專用
_height:100px;
第三個HACK IE6 IE7公用
*height:100px;

介紹完了這三個HACK了,下面我們再來看看如何在一個樣式裏分別給一個屬性定義IE6 IE7 FF專用的HACK,看下面的代碼,順序不能錯哦:

程序代碼

height:100px;
*height:120px;
_height:150px;

下面我簡單解釋一下各瀏覽器怎樣理解這三個屬性:

在FF下,第2、3個屬性FF不認識,所以它讀的是 height:100px;

在IE7下,第三個屬性IE7不認識,所以它讀第1、2個屬性,又因爲第二個屬性覆蓋了第一個屬性,所以IE7最終讀出的是第2個屬性 *height:120px;

在IE6下,三個屬性IE6都認識,所以三個屬性都可以讀取,又因爲第三個屬性覆蓋掉前2個屬性,所以IE6最終讀取的是第三個屬性。

發佈了10 篇原創文章 · 獲贊 1 · 訪問量 8萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章