hack小结

hack总结
hack总结:
以: " #demo {width:100px;} "为例;
  #demo {width:100px;} /*被FIREFOX,IE6,IE7执行.*/
  * html #demo {width:120px;} /*会被IE6执行,之前的定义会被后来的覆盖,所以#demo的宽度在IE6就为120px; */
  *+html #demo {width:130px;} /*会被IE7执行*/
  所以最后,#demo的宽度在三个浏览器的解释为: FIREFOX:100px; ie6:120px; ie7:130px;
  IE8 最新css hack:
  "\9" 例:"border:1px \9;".这里的"\9"可以区别所有IE和FireFox.
  "\0" IE8识别,IE6、IE7不能.
  "*" IE6、IE7可以识别.IE8、FireFox不能.
  "_" IE6可以识别"_",IE7、IE8、FireFox不能.  
IE6 hack
  _background-color:#CDCDCD; /* ie 6*/
IE7 hack
  *background-color:#dddd00; /* ie 7*/
IE8 hack
  background-color:red \0; /* ie 8/9*/
IE9 hack
  background-color:blue \9\0;
火狐,遨游,及其它高级浏览器通用
  background-color:red!important;

注意写hack的顺序,其中: background-color:red\0;IE8和IE9都支持;background-color:blue\9\0; 仅IE9支持;background-color:eeeeee\9;的HACK支持IE6-IE8,但是IE8不能识别“*”和“_”的CSS HACK。