現在一些針對針對**的oa專案還要去解決相容ie6 7 8,這對前端開發來說簡直是災難,在要使用一些css3,或者h5的地方,我們就要慎重了,在使用新特性的同時要兼顧老的瀏覽器的,做到優雅降級,或者針對不同瀏覽器做不同樣式
判斷方式:
除ie外都可識別
所有的ie可識別
僅ie6可識別
ie6以及ie6以下版本可識別
ie6以及ie6以上版本可識別
僅ie7可識別
ie7以及ie7以下版本可識別
ie7以及ie7以上版本可識別
僅ie8可識別
僅ie9可識別
針對ie6的css hack
1. *html selector {} /* selector 表示 css選擇器 下同 */
2. selector /* property: value 表示 css 的屬性名: 屬性值 下同 */
針對ie7的css hack
1. *+html selector {}/*selector 表示css選擇器*/
針對ie8的css hack
selector
ie6 7 共同的css hack
1. selector
2. selector
3. selector
ie6/ie7/ie8/ie9/ie10共同的css hack
selector
ie8/ie9/ie10均可識別\0
.selector【ie8/ie9/ie10均可識別\0】
「\9\0″ ie9/ie10均可識別「\9\0」
.selector【ie9/ie10均可識別\9\0】
只有ie9識別的hack
:root .selector【只有ie9可識別:root】
針對火狐瀏覽器
@-moz-document url-prefix()
}
僅針對IE8有效的CSS Hack獵奇寫法
最近做專案的時候,引用了 google font 的 字型,估計是因為瀏覽器對字型的渲染方式不同或者是字型格式不一樣,結果導致 ie8 中導航是錯位的,而 ie9 和 ie10 中是正常的。那麼就需要單獨為 ie8 進行一些調整,於是就需要 ie8 的 css hack。一看到這裡,足夠容易了吧?網...
針對IE6的一些CSS Hack編寫時的注意點小結
區分出ie6的hack寫法 1.區別ie6 7與ff ie8 j ascript code複製內容到剪貼簿 引用顯示效果 ie 6 7 orange ff ie8 blue 原理 ff ie8不支援 開頭,而ie6 7都支援。2.區別ie6與ie7 ie8 ff css code複製內容到剪貼簿 引...
IE9的css hack使用示例
複製 如下 select 注意寫hack的順序www.cppcns.com,其中 複製 如下 background color red 0 ie8和ie9都支援 background color blue 9 0 僅ie9支援 華麗的分割線 今天在看到另一種hack 複製 如下 element el...