0
点赞
收藏
分享

微信扫一扫

基于python+vue家政服务系统flask-django-php-nodejs

慕容冲_a4b8 03-22 16:00 阅读 3
    <div style="position: relative;">
      <img ref="mapAll" id="mapAll" src="../../assets/images/JIESHOUJI.png" usemap="#image-map">
      <img src="../../assets/ExperimentImage/Start1.png" style="position: absolute; top: 47px; left: 239px; z-index: 1;" v-show="image1Visible">
      <img src="../../assets/ExperimentImage/Start2.png" style="position: absolute; top: 47px; left: 239px; z-index: 1;" v-show="image2Visible">
    </div>

        把外部整体设计为相对布局,相对布局relative:会占Dom结构,也就是单独的一行,这样就能抱着这一个区域是独立于页面的,想要微调的元素设置为绝对布局absolute,绝对布局:不会占Dom结构,相当于悬浮的,然后每一个绝对布局的定位是相对与距离它最近的一个,并且具有布局属性的元素,通过这样即可实现图片堆叠效果,z-index为图片的层值,默认为0。

附:width的笔记

举报

相关推荐

0 条评论