css hack总结

  写法一:

  IE都能识别*;标准浏览器(如FF)不能识别*;

  IE6能识别*,但不能识别 !important,

  IE7能识别*,也能识别!important;

  FF不能识别*,但能识别!important;

  根据上述表达,同一类/ID下的CSS  hack可写为:

  .searchInput {

  background-color:#333;/*三者皆可*/

  *background-color:#666 !important; /*仅IE7*/

  *background-color:#999; /*仅IE6及IE6以下*/

  }

  一般三者的书写顺序为:FF、IE7、IE6.

  写法二:

  IE6可识别“_”,而IE7及FF皆不能识别,所以当只针对IE6与IE7及FF之间的区别时,可这样书写:

  .searchInput {

  background-color:#333;/*通用*/

  _background-color:#666;/*仅IE6可识别*/

  }

  写法三:

  *+html 与 *html 是IE特有的标签, Firefox 暂不支持。

  .searchInput {background-color:#333;}

  *html .searchInput {background-color:#666;}/*仅IE6*/

  *+html .searchInput {background-color:#555;}/*仅IE7*/

  IE8 hack:

  "\9" 例:"margin:0px auto\9;".这里的"\9"可以区别所有IE和FireFox.

  "*" IE6、IE7可以识别.IE8、FireFox不能.

  "_" IE6可以识别"_",IE7、IE8、FireFox不能.

  .color{

  background-color: #CC00FF; /*所有浏览器都会显示为紫色*/

  background-color: #FF0000\9; /*IE6、IE7、IE8会显示红色*/

  *background-color: #0066FF; /*IE6、IE7会变为蓝色*/

  _background-color: #009933; /*IE6会变为绿色*/

  }

原文地址:https://www.cnblogs.com/zyy711865/p/2685413.html