完美兼容IE6/IE7/IE8/FF的CSS HACK的写法

2015/01/08 33569
最新全面兼容IE6/IE7/IE8/FF的CSS HACK的写法
第一种方法：
以下是兼容IE6/IE7/IE8/FF的写法，注意下面的顺序不可颠倒
1. margin-bottom:40px; /*ff的属性*/
2. margin-bottom:140px\9; /* IE6/7/8的属性 */
3. color:red\0; /* IE8支持 */
4. *margin-bottom:450px; /*IE6/7的属性*/ 
实例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
#abc {
border:2px solid #00f; /*ff的属性*/
border:2px solid #090\9; /* IE6/7/8的属性 */
border:2px solid #F90\0; /* IE8支持 */
_border:2px solid #f00; /*IE6的属性*/
}
/*上下顺序不可以写错*/
</style>
</head>
<body>
<div id="abc">
 <ul>
 <li>FF下蓝边</li>
 <li>IE6下红边</li>
 <li>IE7下绿边</li>
 <li>IE8下黄边</li>
 </ul>
</div>
</body>
</html>
第二种办法：
微软提供了这样一个代码：

把这段代码放到里面，在ie8里面的页面解析起来就跟ie7一模一样的了，所以，基本上可以无视ie8，剩下的代码只需要这样写就可以了
1. background:#ffc; /* 对firefox有效*/
2. *background:#ccc; /* 对ie7有效 */
3. _background:#000; /* 只对ie6有效 */
代码片段
