怎样用CSS +DIV将第二张特定图片覆盖第一张
1个回答
展开全部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<style>
div {
position: relative;
}
div > img {
position: absolute;
top:0;
left:0;
}
div >img:nth-child(2) {
z-index: 1
}
</style>
<body>
<div>
<img src="1.png" alt="">
<img src="2.png" alt="">
</div>
</body>
</html>
将第二张图片定位的方式定位到都一张图片的上面,再通过z-index调整 第二张图片 z轴的位置
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询