由於有些用戶可能還在用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
全站熱搜
留言列表