                        课程
                    
                        /前端开发
                        
                            /CSS3
                        
                        /CSS3实现“图片阴影”效果

z-index

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

风儿飘飘

2015-01-19

源自：CSS3实现“图片阴影”效果 1-7

关注问题我要回答

1797

操作

收起

5 回答

精慕门2297429
2015-08-11

我也出现这个问题，按照你们说的情况做了。。依旧没用。。就算复制源码，都出现z-index无法使用的情况

0 回复有任何疑惑可以回复我~

收起回答

554362076
2015-01-26

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

0 回复有任何疑惑可以回复我~

收起回答

言口言

确实要给.effect设置一个背景颜色才可以

2015-04-07 回复有任何疑惑可以回复我~

我本平凡

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

2015-05-19 回复有任何疑惑可以回复我~

Web前端臭酱油
2015-01-26

你背景颜色没有设置吧。

0 回复有任何疑惑可以回复我~

收起回答

sdauboy
2015-01-20

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

0 回复有任何疑惑可以回复我~

收起回答

哈哈小邪

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

2015-01-21 回复有任何疑惑可以回复我~