如何摆脱css选项卡的标签中的底部阴影

Question

我正在制作具有阴影的css选项卡。我怎样才能摆脱标签中的底部阴影？这里有一个例子：http://codepen.io/ekscentrysytet/pen/QbNdEB

我试过z-index: -1;为label:after但阴影消失。

Answer 1

什么？

label:before { 
    content:''; 
    display:block; 
    width:100%; 
    height:15px; 
    background-color:#fff; 
    position:absolute; 
    bottom:-11px; 
    left:0; 
    z-index:10; 
} 

Codepen

Answer 2

试试这个：

关于使用pseudoelement :before（你已经使用alreasdy after），使一个白色的小矩形以隐藏它

.tabinator input:checked + label:after { 
    border-bottom: none; 
    box-shadow: 0 -8px 15px #939393; 
}