[分享]css兼容ie678

在前端开发中，为了让网站能够在各种浏览器中正常显示，兼容性的问题一直是一个重要的问题。特别是在互联网早期，众多的用户仍在使用IE6、IE7、IE8等浏览器。因此，在设计网页时必须充分考虑这些老旧浏览器...

在前端开发中，为了让网站能够在各种浏览器中正常显示，兼容性的问题一直是一个重要的问题。特别是在互联网早期，众多的用户仍在使用IE6、IE7、IE8等浏览器。因此，在设计网页时必须充分考虑这些老旧浏览器的兼容性问题。

/*针对IE6的兼容性*/
*html{
    /*写法1*/
    font-size:0;
    height:100%;
}
*{
    font-size:12px;
    /*写法2*/
    font-size:1.2em;
}
/*针对IE6和IE7的兼容性*/
p{
    /*写法1*/
    height:1%;
    overflow:hidden;
    /*写法2*/
    min-height:18px;
}
/*针对IE7的兼容性*/
ul li{
    /*写法1*/
    *float:left;
    /*写法2*/
    display:inline-block;
    zoom:1;
}
/*针对IE8的兼容性*/
div{
    /*写法1*/
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE')";
    /*写法2*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');
} 

在实际开发过程中，需要根据具体情况来选择特定的兼容性写法。如果需要在多种旧浏览器中都实现同一个效果，我们建议使用“互联网上最小兼容文件”Selectivizr和IE-CSS3，两者都是使用JavaScript对CSS进行的扩展。

同时，我们也应该尽可能地教育用户使用更新的浏览器。较新版本的浏览器在性能、安全性上都有明显提高，同时还能获得更好的体验，也更加符合现代化网站的设计。使用最新版本的浏览器也有助于减少在前端开发中遇到兼容性问题的机会。