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

Question

我正在制作带有阴影的 css 标签。如何摆脱标签中的底部阴影？这是一个例子:http://codepen.io/ekscentrysytet/pen/QbNdEB

我已经为 label:after 尝试了 z-index: -1; 但阴影消失了。

Answer 1

如何使用伪元素 :before(您已经使用过 after)来制作一个白色的小矩形来隐藏它？

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

Codepen