CSS代码在不同浏览器兼容问题

CSS hack方式一：条件注释法

只在IE6下生效


只在IE6以上版本生效


只在IE8上不生效


非IE浏览器生效

CSS hack方式二：类内属性前缀法
属性前缀法是在CSS样式属性名前加上一些只有特定浏览器才能识别的hack前缀，以达到预期的页面展现效果。
IE浏览器各版本 CSS hack 对照表
hack 写法 实例 IE6(S) IE6(Q) IE7(S) IE7(Q) IE8(S) IE8(Q) IE9(S) IE9(Q) IE10(S) IE10(Q)

• *color 青色 Y Y Y Y N Y N Y N Y
• +color 绿色 Y Y Y Y N Y N Y N Y
• -color 黄色 Y Y N N N N N N N N
  _ _color 蓝色 Y Y N Y N Y N Y N N color 紫色 Y Y Y Y N Y N Y N Y

  color:red 红色 N N N N Y N Y N Y N
  9 color:red9 粉色 N N N N N N Y N Y N
  !important color:blue !important;color:green; 棕色 N N Y N Y N Y N Y Y
  说明：在标准模式中
  “-″减号是IE6专有的hack
  “9″ IE6/IE7/IE8/IE9/IE10都生效
  “″ IE8/IE9/IE10都生效，是IE8/9/10的hack
  “9″ 只对IE9/IE10生效，是IE9/10的hack
  body:nth-of-type(1) .iehack{
  color: #F00;/ 对Windows IE9/Firefox 7+/Opera 10+/所有Chrome/Safari的CSS hack ，选择器也适用几乎全部Mobile/Linux/Mac browser/
  }
  .demo1,.demo2,.demo3,.demo4{
  width:100px;
  height:100px;
  }