<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<title>交叉重叠层</title>
<style type="text/css">
html{ color:#f00}
#top{width:200pxheight:300pxbackground-color:#fffposition:absolutetop:50pxleft:50px}
#bottom{width:300pxheight:400pxbackground-color:#000z-index:-100position:absolutetop:0left:0}
</style>
</head>
<body>
<div id="top">上面层</div>
<div id="bottom">下面层</div>
</body>
</html>
可以用z-index来定义层的上下关系
1. Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?
1.声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。
2.严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。
3.在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。
4.DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。
2.
