JS-index-层叠效果 

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
	<style>
		#d1,#d2,#d3{
			width:100px;
			height:200px;
			position:absolute;
		}
		#d1{background:red;top:0px;left:0px;}
		#d2{background:green;top:20px;left:20px;}
		#d3{background:blue;top:40px;left:40px;}
		<--!当鼠标移到某个颜色块就会置顶-->
		#d1:hover,#d2:hover,#d3:hover{
			z-index:100;
		}
	</style>
 </head>
 <body>
  <div id="d1"></div>
	<div id="d2"></div>
	<div id="d3"></div>
 </body>
</html>

posted @ 2018-11-11 19:39  IndustriousHe  阅读(477)  评论(0)  编辑  收藏  举报