首页 > 代码库 > 用CSS hack技术解决浏览器兼容性问题.

用CSS hack技术解决浏览器兼容性问题.

/* CSS属性级Hack */color:red;    /* 所有浏览器可识别*/_color:red;     /*  仅IE6 识别 */*color:red;    /*  IE6、IE7 识别 */+color:red;    /*  IE6、IE7 识别 */*+color:red;    /*  IE6、IE7 识别 */[color:red;    /*  IE6、IE7 识别 */color:red\9;    /* IE6、IE7、IE8、IE9 识别 */color:red\0;    /* IE8、IE9 识别*/color:red\9\0;    /* 仅IE9识别 */color:red \0;    /* 仅IE9识别 */color:red!important; /* IE6 不识别!important 详情参见*/-------------------------------------------------------------/* CSS选择符级Hack */*html #demo { color:red;}   /*  仅IE6 识别 */*+html #demo { color:red;}  /*  仅IE7 识别 */body:nth-of-type(1) #demo { color:red;} /* IE9+、FF3.5+、Chrome、Safari、Opera 可以识别 */head:first-child+body #demo { color:red; } /* IE7+、FF、Chrome、Safari、Opera 可以识别 */:root #demo { color:red\9; } : /* 仅IE9识别 */--------------------------------------------------------------/* IE条件注释Hack 详情参见 */<!--[if IE]>此处内容只有IE可见<![endif]--> <!--[if IE 6]>此处内容只有IE6.0可见<![endif]--> <!--[if IE 7]>此处内容只有IE7.0可见<![endif]--> <!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]--><!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]--><!--[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]--><!--[if !IE]>此处内容只有非IE可见<![endif]--> 

 

用CSS hack技术解决浏览器兼容性问题.