设置after伪元素的zindex无效。总是显示在最外层
来源：1-7 曲线阴影
睡觉青蛙
2016-03-09 15:37
为什么代码一样。但是after伪类所在的层总是无法隐藏在后面？？？代码一样啊
<style>
.box{ width: 500px; height:200px; margin:50px auto;}
.flex{-webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset; position: relative}
.flex:after{content:"";position:absolute; z-index: -100;top:50%;left:0;width:100%; height:50%;background:#000;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
-webkit-border-radius:100px/10px; }
</style>
</head>
<body>
<div class="box flex">
<h2>Hollokitty</h2>
</div>
求指点
写回答
关注
4回答
-
- qq_慕哥832599
- 2016-07-09 21:15:58
亲 你的box是透明啊 box加个白色就行了
-
- HZFEStudio
- 2016-03-11 22:59:49
给box加上#fff背景颜色就可以了
-
- PARADISELIN
- 2016-03-10 13:31:00
不会 我回答错了 你把z-index放到最后试试
-
- PARADISELIN
- 2016-03-10 13:12:21
width:100%; height:50%;不需要，position四个方向值要写全
CSS3实现“图片阴影”效果
利用多投影重叠的原理，实现曲线阴影与翘边阴影的效果
34769 学习 · 62 问题
相似问题