[分享]css兼容ie8hack

当我们编写CSS样式时，难免会遇到一些浏览器兼容性问题，其中IE8是一个比较特殊的存在，因为它对CSS3的支持非常有限，所以我们需要一些hack技巧来解决这些问题。/ 以下是一些IE8 hack的代码...

当我们编写CSS样式时，难免会遇到一些浏览器兼容性问题，其中IE8是一个比较特殊的存在，因为它对CSS3的支持非常有限，所以我们需要一些hack技巧来解决这些问题。

/* 以下是一些IE8 hack的代码示例： */

/* 1. 使用!important禁止样式被覆盖 */

.box {
  background-color: red !important;
}

/* 2. 使用*来针对IE7及以下版本生效 */

.box {
  *background-color: yellow;
}

/* 3. 通过判断是否为IE来设置样式 */

<!--[if IE 8]>
  <style>
    .box {
      border: 1px solid blue;
    }
  </style>
<![endif]-->

/* 4. 利用IE8只支持属性选择器的特性 */

.box[class^="ie"] {
  background-color: green;
}

/* 5. 使用条件注释来针对不同版本的IE设置样式 */

<!--[if lt IE 9]>
  /* IE9以下版本的样式 */
<![endif]-->
<!--[if lte IE 8]>
  /* IE8及以下版本的样式 */
<![endif]--> 

以上就是一些常用的IE8 hack技巧，当然还有更多的方法可以使用，我们需要根据实际情况选择相应的hack技巧。