css如何针对IE9单独设置宽度？

可以使用CSS hack来对IE9 进行单独设置。下面我们通过实例来看看IE系列和一下流行的浏览器hack如何写。

针对不同的浏览器写不同的CSS code的过程，就是CSS hack。

#test{   
        width:300px;   
        height:300px;   
        background-color:blue;      /*firefox*/
        background-color:red\9;      /*all ie*/
        background-color:yellow\0;    /*ie8*/
        +background-color:pink;        /*ie7*/
        _background-color:orange;       /*ie6*/    }  
 :root #test { background-color:purple\9; }  /*ie9*/
@media all and (min-width:0px){ 
          #test {background-color:black\0;} 
     }  /*opera*/
 @media screen and (-webkit-min-device-pixel-ratio:0){ #test {background-color:gray;} 
}      /*chrome and safari*/

答：可以使用CSS hack。在head标签里面写入

《CSS hack 知识普及》

CSS hack由于不同厂商的浏览器，比如Internet Explorer,Safari,Mozilla Firefox,Chrome等，或者是同一厂商的浏览器的不同版本，如IE6和IE7，对CSS的解析认识不完全一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。

只在IE下生效：

只在IE6下生效：

只在IE6以上版本生效：

只在IE8上不生效：

非IE浏览器生效：

1. 除IE外都可识别
2. 所有的IE可识别
3. 只有IE5.0可以识别
4. 仅IE5.0与IE5.5可以识别
5. IE5.0以及IE5.0以上版本都可以识别
6. 仅IE6可识别
7. IE6以及IE6以下版本可识别
8. IE6以及IE6以上版本可识别
9. 仅IE7可识别
10. IE7以及IE7以下版本可识别
11. IE7以及IE7以上版本可识别

在css里使用如下标识符可以被ie识别而采用
其他浏览器会忽略if ie