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

我正在研究折叠纸效果，除了IE8之外，几乎所有的浏览器都可以使用

以下是JSBIN代码：

我在SOF上看到了一个不同的问题，其中：before和：after标记是受支持的，但我想我遗漏了一些东西。有人能告诉我吗

我的IE8模式：

---

我认为IE8不支持

框阴影

，因此“折叠”下的阴影不会出现

---

它正在工作，您在

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;
}

结果：

---

您需要基于css的正确选项吗？添加了一个解决方案，至少它可以帮助您进行调试。在您的屏幕截图中，您如何获得正确的选项？我是肯定的，我会仔细检查。好的。。谢谢，你能提供最终版本的链接吗？我在文档顶部添加了

，效果很好。谢谢你帮助我！