可同时区分IE8、IE7、IE6、Firefox的CSS hacks 共享之

无锡/网页设计师/15年前/3932浏览

版权

IE8正式已经发布，对于网页设计者来说，在不开启IE8的兼容模式下，网站能否正常显示成了一个需要注意的问题，虽然IE8号称更加符合标准，但还是会出现局部显示不正

IE8正式已经发布，对于网页设计者来说，在不开启IE8的兼容模式下，网站能否正常显示成了一个需要注意的问题，虽然IE8号称更加符合标准，但还是会出现局部显示不正确的bug，本文提供一个可以同时区分IE6、IE7、IE8、Firefox2、Firefox3的CSS hacks，方便在IE8下局部显示不正确的时候进行调整，避免重写CSS，经过测试，这种IE8 的hacks可用。

可同时区分IE8、IE7、IE6、Firefox3、Firefox2的CSS hacks：

  .test{
  
    color:/*\**/#00f\9; /* IE8 */
  
}
  
.test,.test:-moz-any-link{
  
    color:#f60; /* Firefox2 */
  
}
  
.test,.test:default{
  
    color:#000; /* Firefox3 */
  
    *color:#f00; /* IE7 */
  
    _color:#0f0; /* IE6 */
  
}
  
可同时区分IE8、IE7、IE6、Firefox的CSS hacks：

  .test{
  
    color:#000; /* Firefox */
  
    color:/*\**/#00f\9; /* IE8 */
  
    *color:#f00; /* IE7 */
  
    _color:#0f0; /* IE6 */
  
}
 
关于IE8的hacks：

  .test{
  
    color:/*\**/#00f\9;   /* IE8 only */
  
    color:#00f\9;           /* 适用于所有IE版本 */
  
}
  
      虽然这个hacks可用，但还是希望能够尽量少用或者不用hacks，从显示不正常的原因着手解决问题才能达到完美，毕竟hack的写法不符合也通不过w3c对样式表的交验。