IE hack 汇总 - 爱码网

 1 <!doctype html>
 2 <html lang="en">
 3 
 4     <head>
 5         <meta charset="UTF-8" />
 6         <title>gradient 兼容性处理</title>
 7         <style type="text/css">
 8             * {
 9                 margin: 0;
10                 padding: 0;
11             }
12             
13             .parent {
14                 width: 100px;
15                 height: 100px;
16                 margin: 100px;
17                 border: 1px solid red;
18                 
19                 /*IE5 IE6 IE7 IE8 IE9 IE10 在属性值后加\9*/
20                 /*background-color: red\9;*/
21                 
22                 /*IE8 IE9 IE10 在属性值后加\0*/
23                 /*background-color: red\0;*/
24                 
25                 /*IE9 IE10 在属性值后加\9\0*/
26                 /*background-color: red\9\0;*/
27                 
28                 /*IE6 IE7 在属性前加星号*/
29                 *background-color: red;
30                 
31                 /*IE6 在属性前加下划线号*/
32                 /*_background-color: red;*/
33             }
34         </style>
35     </head>
36 
37     <body>
38         <div class="parent">
39         </div>
40     </body>
41 
42 </html>

总结：

（1）IE5 IE6 IE7 IE8 IE9 IE10 在属性值后加\9

（2）IE8 IE9 IE10 在属性值后加\0

（3）IE9 IE10 在属性值后加\9\0

（4）IE6 IE7 在属性前加星号

（5）IE6 在属性前加下划线号

以上均可通过上述代码测试。