怎样用CSS +DIV将第二张特定图片覆盖第一张

 我来答
百度网友5b2d7dc
2018-01-19 · 知道合伙人软件行家
百度网友5b2d7dc
知道合伙人软件行家
采纳数:46 获赞数:198
福建省中秀网络科技有限公司核心技术工程师

向TA提问 私信TA
展开全部
<!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轴的位置

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式