设置after伪元素的zindex无效。总是显示在最外层
为什么代码一样。但是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>
求指点
