10 09/2014

css hack 速查

最后更新: Wed Sep 10 2014 12:29:11 GMT+0800

哎,定期搞这些劳什子,放这速查

IE css hack

body {
    color: red; /* 所有浏览器 */
    color: red\0/; /* ie8-9 */
    color: red\9; /* ie6-7-8 */
    *color: red; /* ie6-7 */    
    _color: red; /* ie6 */
}

ie9-10

@media screen and (min-width:0\0) {
    body { color: red}
} /* ie9-10 */

条件注释表达式

如果ie7

<!--[if IE 7]>
    <link rel="stylesheet" href="ie7.css">
<![endif]-->

ie6 或者更低

<!--[if lte IE 6]>
    <link rel="stylesheet" href="ie6.css">
<![endif]-->

如果不是ie

<!--[if !IE]> -->
According to the conditional comment this is not IE<br />
<!-- <![endif]-->

javascript

var isFF = !!navigator.userAgent.match(/firefox/i);/*firefox*/
var isOpera = !!window.opera;/*opera 12-*/
var isChrome = !!window.chrome;/*Chrome, Opera 14+*/

曾经的 jQuery.browser

jQuery.browser.msie&&jQuery.browser.version<8

最好的办法

用ie条件注释+ modernizr 功能检测

更多资料