<!doctype html>
<html lang="en"> <head>
<meta charset="UTF-8" />
<title>gradient 兼容性处理</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
} .parent {
width: 100px;
height: 100px;
margin: 100px;
border: 1px solid red; /*IE5 IE6 IE7 IE8 IE9 IE10 在属性值后加\9*/
/*background-color: red\9;*/ /*IE8 IE9 IE10 在属性值后加\0*/
/*background-color: red\0;*/ /*IE9 IE10 在属性值后加\9\0*/
/*background-color: red\9\0;*/ /*IE6 IE7 在属性前加星号*/
*background-color: red; /*IE6 在属性前加下划线号*/
/*_background-color: red;*/
}
</style>
</head> <body>
<div class="parent">
</div>
</body> </html>
总结:
(1)IE5 IE6 IE7 IE8 IE9 IE10 在属性值后加\9
(2)IE8 IE9 IE10 在属性值后加\0
(3)IE9 IE10 在属性值后加\9\0
(4)IE6 IE7 在属性前加星号
(5)IE6 在属性前加下划线号
以上均可通过上述代码测试。