由於有些用戶可能還在用IE6，但在製作網頁時IE7看起來可能都正常IE6卻不是如此，因此需要利用CSS hack來改善此問題。

目前瀏覽器就有IE6、IE7、IE8、Firefox、Safari、Chrome、Oprea...等許多種類，所以為了在讓在不同瀏覽器上能看到一樣的內容，就必須針對不同的網頁做個別的設定，下列是參考網路上的資料所以整理出來的，提供大家參考。

CSS hack：


 		 IE6 IE7 Firefox
* √ √ ×
!important; × √ √
_ √ × ×

說明：
IE6能識別 * 與 "_" ，但不能識別 !important;
IE7能識別 * 與 !important; ，不能識別 "_"
Firefox能識別 !important; ，不能識別 * 與 "_"

順序是Firefox寫在前面，IE7寫在中間，IE6寫在最後面

 

應用範例：

!important;background:#000;  *background:#06f; _background:#f60; 

 

看到這應該還有些許的疑問，依據上面範例簡單的說就是!important;在IE7與Firefox可以辨識，所以看到的是"#000"顏色，但IE6因為無法辨識，所以看不到"#000"顏色，依據此規則應該可以融會貫通。


參考資料：http://www.div-css.com/html/standard/hack/1136667.html

arrow
arrow
    全站熱搜

    jon6773 發表在 痞客邦 留言(0) 人氣()