z-index

来源:1-7 曲线阴影

风儿飘飘

2015-01-19 18:36

为什么我设置z-index之后,没有把.effect:after放到最底层

写回答 关注

5回答

  • 精慕门2297429
    2015-08-11 15:58:18

    我也出现这个问题,按照你们说的情况做了。。依旧没用。。就算复制源码,都出现z-index无法使用的情况http://img.mukewang.com/55c9ab150001afa016530320.jpg

  • 554362076
    2015-01-26 16:02:15

    我也遇到这样的问题  我想说你解决了么  说一下吧

    我本平凡

    .effect没有给背景颜色,所以背景色是透明的。 虽然通过z-index属性把后添加的盒子移到.effect的下面了,但视觉效果还是看到盒子 在上面。所以给.effect加个白色的背景遮盖就可以了。

    2015-05-19 15:19:38

    共 2 条回复 >

  • Web前端臭酱油
    2015-01-26 10:58:35

    你背景颜色没有设置吧。

  • sdauboy
    2015-01-20 15:33:36

    我也遇到了你的状况,z-index不起作用。我下载了源码之后看了好久,终于测试出来了。原来我只给我的div设置了一个类名,然后把所有的属性都写进里面,这样子的话,z-index就不起作用。所以我对照源码给div设置了两个类名,将宽高和margin放进wrap类里面,将阴影和position放进effect类里面,这样子z-index就起作用啦!虽然起作用了,但是至于原理是因为什么我还不明白。毕竟wrap和effect都是代表的同一个div,为什么放一起和分开来的效果会不同呢?希望接下来的学习中我会把它搞明白。也希望我的经验能够帮到你。

    哈哈小邪

    你扯淡啊,我也把所有的wrap和effect类放一个类里,就没问题;肯定是你代码写错了。

    2015-01-21 02:46:37

    共 1 条回复 >

  • 一束阳光有你陪伴
    2015-01-19 18:41:12

    z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。


CSS3实现“图片阴影”效果

利用多投影重叠的原理,实现曲线阴影与翘边阴影的效果

34769 学习 · 62 问题

查看课程

相似问题