为了账号安全,请及时绑定邮箱和手机立即绑定

如何实现图片居中并叠加的效果?

如何实现图片居中并叠加的效果?

梵蒂冈之花 2018-12-19 18:19:05
有abc三张png图片,如何让它们水平居中并叠加在一起?
查看完整描述

1 回答

?
繁星coding

TA贡献1797条经验 获得超4个赞

先上图,不知道是不是你要的效果

https://img1.sycdn.imooc.com//5c4eb39b0001e48601240119.jpg

<head>

<style>

.div1 {

  width: 100px;

  height: 100px;

  position: absolute;

  display: flex;

  justify-content: center;

}


.img1{

  position: relative;

  width: 70px;

  height: 70px;

  background: #f00;

}


.img2{

  position: relative;

  width: 50px;

  height: 50px;

  background: #0f0;

}


.img3{

  position: relative;

  width: 30px;

  height: 30px;

  background: #00f;

}


.img2 {

  position: 

}

</style>

</head>


<body>

<div class="div1">

  <div class="img1"></div>

</div>

<div class="div1">

  <div class="img2"></div>

</div>

<div class="div1">

  <div class="img3"></div>

</div>

</body>


查看完整回答
反对 回复 2019-01-28
  • 1 回答
  • 0 关注
  • 384 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信