IE浏览器各版本兼容解决办法

background:#f00;   各浏览器都认识，主要给高级浏览器用

background: blue\0;      网上说是给IE8的，不过经过测试，IE10、9、8都认识他。

background: red\9;      这个东西好玩了，所有的ie都认识他。

background:#F60\0\9;  这个东西是给IE8 玩的

+background: yellow;    *或+ 留给了IE7、6 这一点还是不错的

_background:black;       _专门留给神奇的ie6

:root .test{background:blue\9;} :root是给ie9的，网上流传了个版本是 :root #test { background:blue\0;}，新版opera也认识，所以经过反复验证最终ie9特有的为:root 选择符 {属性\9;}

box{color:red !important;}  FF

<!--[if IE]> 
<link rel="stylesheet" type="text/css" href="ie.css" /> 
<![endif]-->

-------------------------------------------------------------------

• “\9″  只在IE6/IE7/IE8/IE9/IE10下生效
• “\0”  只在 IE8/IE9/IE10下生效
• “\9\0”只在IE9/IE10下生效

故目前如果需要只针对ie8的hack，可先使用在IE8/IE9/IE10生效的“\0”,再用仅在IE9/IE10生效的“\9\0”hack覆盖之前的样式。

如

selector{

color:#000;

color:#F00\0;   /* only for IE8&IE9&IE10 */

color:#000\9\0;/* only for IE9&IE10 */

}