纸张折叠效果在IE8中不起作用

Question

我正在研究折叠纸效果，这似乎适用于除IE8之外的几乎所有浏览器。

这是JSBIN代码：http://jsbin.com/oLepimiK/6/edit

我在SOF上看到了一个不同的问题：支持之前和之后的标签，但我想我在这里遗漏了一些东西。有人能指出这个吗？

我的IE8模式：

Answer 1

我相信IE8不支持box-shadow，因此“折叠”下的阴影不会出现。

CanIUse.com

Answer 2

它正常运行，您遇到Z-INDEX问题，我将顶部和左侧更改为-1。

.clear{
  padding-left: 30px;
}

.complaint:after {
  border-color: transparent #F58C1E #F58C1E   transparent;
  border-style: solid;
  border-width: 10px;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  z-index: 12;
}

.complaint:before {
  border-color: white #A65807 #A65807 white;
  border-style: solid;
  border-width: 11px;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
  content: "";
  left: -1px;
  position: absolute;
  top: -1px;
  width: 0;
  z-index: 11;
}

.complaint {
  background-color: #F58C1E;
  border-style: solid;
  border-width: 1px 1px 0;
  padding: 4px;
  position: relative;
}

<强>结果：