The Gallery中间的两张图,怎么让上面的图盖住下面的图上面的部分

来源:4-6 图片库

Cancer_Scorpio

2016-08-01 00:39

The Gallery中间的两张图,怎么让上面的图盖住下面的图上面的部分,为什么我的是第二张图的底部超出隐藏了?http://img.mukewang.com/579e29ae0001f61b08250285.jpg

写回答 关注

4回答

  • qq_柠檬_53
    2017-03-28 23:18:41

    切图的时候不要被遮住的部分啊。。。。

  • 慕粉3859131
    2016-11-26 17:32:35

    <div class="index-panel-body index-pics">
       <a href="" class="pic-col pic-col-m">
           <img src="images/index-food-05.png" alt="">
       </a>
       <div class="pic-col pic-col-s">
           <a href="" class="pic-row01"><img src="images/index-food-06.png" alt=""></a>
           <a href="" class="pic-row02"><img src="images/index-food-07.png" alt=""></a>
       </div>
       <a href="" class="pic-col pic-col-l">
           <img src="images/index-food-08.png" alt="">
       </a>
    </div>


    css代码

    .index-pics .pic-col-s{

        position: relative;

        width: 287px;

    }

    .index-pics .pic-col-s .pic-row01{

        position: absolute;

    }

    .index-pics .pic-col-s .pic-row02{

        margin-top: 176px;

    }


    这样也可以


  • Cancer_Scorpio
    2016-09-14 11:20:45

    我先贴部分你看看,不行我贴全部

    <div class="index-panel-body index-pics">

    <a class="pic-col pic-col-l"><img src="images/pic1.png" alt=""></a>

    <span class="pic-col pic-col-m">

    <a class="pic-row1"><img src="images/pic2.png" alt=""></a>

    <a class="pic-row2"><img src="images/pic3.png" alt=""></a>

    </span>

    <a class="pic-col pic-col-r"><img src="images/pic4.png"></a>

    </div>


    .index-pics .pic-row2{

    position: absolute;

    top: 480px;

    left: 353px;

    z-index: -1;

    }

  • Cancer_Scorpio
    2016-08-01 01:13:08

    解决了,不知道老师的为什么可以,我自己给下面的图片设置了position:absolute 和 z-index:-1;显示出来的就和psd一样了。

    qq_bla...

    还是不行啊,下面就出去了

    2016-09-12 17:04:40

    共 2 条回复 >

从 psd 到 html

教你把PSD设计稿转化成HTML,用案例来讲解基本流程

105471 学习 · 410 问题

查看课程

相似问题