css區分ie8/ie9/ie10/ie11 chrome firefox的代碼
阿新 • • 發佈:2017-12-18
tro ice color ie10 pixel spa url ont opera
以下是幾個主要瀏覽器的css hack匯總:
現有css樣式為:
.class{ color:red; }
判斷IE8以上的瀏覽器才執行的代碼
/* IE8+ */ .class{ color:red\0; }
/* IE8、9 */ .class{ color:red\8\9\0; }
/* IE9 */ .class{ color:red\9\0; }
註意,\8\0的寫法是錯誤的,不能試圖這樣hack IE8。上述代碼沒有對IE10和IE11分別hack(好像沒有對這兩個瀏覽器單獨hack的寫法),那麽IE10和IE11使用的就是IE8+那個樣式。
/* Chrome*/ @media screen and (-webkit-min-device-pixel-ratio:0) { .class{ color:red; } }
/* Firefox */ @-moz-document url-prefix() { .class{ color:red; } }
另外,還可以這樣hack其他瀏覽器
/* Chrome 和 opera */ @media all and (min-width:0){ .class{ color:red; } }
/* IE9+ */ @media all and (min-width:0) { .class{ color:red; } }
/* IE10+ */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .class{ color:red; } }
css區分ie8/ie9/ie10/ie11 chrome firefox的代碼