[分享]css兼容ie78

在网页制作中，CSS是不可或缺的一部分。但是，由于IE7和IE8在标准支持方面存在一些问题，使得许多网页在这些浏览器上的展示效果远不如其他现代浏览器。因此，在设计网页时，我们需要注意兼容IE7和IE8...

在网页制作中，CSS是不可或缺的一部分。但是，由于IE7和IE8在标准支持方面存在一些问题，使得许多网页在这些浏览器上的展示效果远不如其他现代浏览器。因此，在设计网页时，我们需要注意兼容IE7和IE8的问题。

/* 以下是一些常用的CSS兼容IE7和IE8的方法 */

/* 1. 使用!important声明 */
.box {
  width: 100px!important;
  height: 100px!important;
}

/* 2. 使用浏览器前缀 */
.box {
  -webkit-box-shadow: 0 0 10px #999;
  -moz-box-shadow: 0 0 10px #999;
  box-shadow: 0 0 10px #999;
}

/* 3. 使用zoom属性 */
.box {
  zoom: 1;
}

/* 4. 使用滤镜 */
.box {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

/* 5. 避免使用CSS3属性或值 */
.box {
  background: #ff0000; /* in IE7 and IE8 */
  background: linear-gradient(to right, #ff0000, #00ff00); /* not in IE7 and IE8 */
} 

以上几种方法可以帮助我们解决IE7和IE8的兼容性问题，但是也需要注意不要过度使用，避免影响其他浏览器的展示效果。另外，我们可以使用一些框架或库来解决IE7和IE8的兼容性问题，例如HTML5 Shiv和CSS3 Pie等。