</body>
</html>
例 1.4.2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<head>
<meta charset="UTF-8">
<title>z-index越大，越在前面</title>
<style type="text/css">
.wai{position:absolute;top:60px;left:60px;width:240px;height:240px;z-index:1;border: 1px solid #00ff00;}
.r, .a{width:60px;height:60px;text-align:center;color:#FFF;}
.r{position:relative;background-color:green;top:60px;left:60px;z-index:10;}
.a{position:absolute;background-color:red;top:0px;left:0px;z-index:14;}
</style>
</head>
<body>
</body>
</html>
参考本章relativeAbsolute网上例子参考.html
云服务器
ICP备案
实时音视频
云直播
对象存储
