<!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">
*{
padding: 0px;
margin: 0px;
}
#houdun{
width: 500px;
height: 500px;
margin: 0 auto;
background: red;/* 所有浏览器都识别 */
background: blue\9;/* 所有的ie浏览器都支持的属性 */
background: green\0;/* ie8 ie9,专门给ie8留的 */
+background: orange;/* ie6 ie7,IE7能识别*,能识别!important */
_background: purple;/* ie6,ie6也支持* */
/* 不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面 */
}
:root #houdun{/* ie9 给ie9留的兼容写法 */
background: pink\9;
}
</style>
</head>
<body>
<!-- w3c是一套web页面开发规范,是由麻省理工学院实验室制定,他是属于民间规范,并不具备强制性。 -->
<!-- w3c opacity 透明度 -->
<!-- 微软 ie filter -->
<div id="houdun">
</div>
</body>
</html>
<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">
*{
padding: 0px;
margin: 0px;
}
#houdun{
width: 500px;
height: 500px;
margin: 0 auto;
background: red;/* 所有浏览器都识别 */
background: blue\9;/* 所有的ie浏览器都支持的属性 */
background: green\0;/* ie8 ie9,专门给ie8留的 */
+background: orange;/* ie6 ie7,IE7能识别*,能识别!important */
_background: purple;/* ie6,ie6也支持* */
/* 不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面 */
}
:root #houdun{/* ie9 给ie9留的兼容写法 */
background: pink\9;
}
</style>
</head>
<body>
<!-- w3c是一套web页面开发规范,是由麻省理工学院实验室制定,他是属于民间规范,并不具备强制性。 -->
<!-- w3c opacity 透明度 -->
<!-- 微软 ie filter -->
<div id="houdun">
</div>
</body>
</html>