由於有些用戶可能還在用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

    全站熱搜

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