針對IE及其它的css hack

2022-05-13 03:40:53 字數 1129 閱讀 7107

現在一些針對針對**的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...