<style type="text/css">
img {
width: 300px;
>width: 100px;/*IE5*/
}
</style>
<html>
<head>
<style type="text/css">
img {
/*width: 300px;*/
>width: 100px;
/*IE5*/
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
img{
width:500px;
}
}
</style>
<!--[if gte IE 6]>
<style>
img{
width:400px;
}
</style>
<![endif]-->
</head>
<body>
<img src="http://www.w3school.com.cn/i/eg_smile.gif" />
</body>
</html>
width: 200px;
*width: 200px;
_width: 600px;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
/*IE10开始*/
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.hello {
height: 100px;
color: red;
}
}
/*IE10结束*/
.hello {
width: 300px;
height: 100px;/*IE11及以上版本*/
height: 200px\9\0;/*IE9*/
*height: 300px;
_height: 400px;
background-color: blue;
color: white;
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.hello {
height: 100px;
}
/* IE10+ */
}
</style>
</head>
<body>
<div class="hello">a</div>
</body>
</html>