<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
#pic{
position: relative;
width: 300px;
height: 300px;
border: solid 1px red;
margin: 0 auto;
}
#pic>div:nth-child(1){
position:absolute;
left: 50px;
top: 30px;
/* z-index: 1; */
}
#pic>div:nth-child(1):hover{
z-index: 2;
}
#pic>div:nth-child(2){
position: absolute;
left: 80px;
top: 80px;
/* z-index: 2; */
}
</style>
</head>
<body>
<div id="pic">
<div class="t1"><img width="100px" height="100px" src="img/mv.png" alt=""></div>
<div class="t2"><img width="100px" height="100px" src="img/np.png" alt=""></div>
</div>
</body>
</html>
