我能够使用CSS为DIV制作提升的角落。这是jsfiddle链接 Here
我需要设计许多儿童DIV，这些儿童DIV也像父母那样抬起角落。我该怎么做？
答案 0 :(得分：2)
理想情况下，您希望将代码放到simone的答案可行的位置。但是，要达到这一点可能需要一些工作！
您的第一个问题源于您的drop-shadow和lifted类不是独立的。你需要在任何drop-shadow上附加一个（修改过的）div类，你希望阴影出现在drop-shadow上，你可以看到in this ugly JSFiddle。
但是，我必须对您的drop-shadow:before, drop-shadow:after课程进行修改。我所做的是摆脱div选择器上的'z-index'值，它隐藏了子项.lifted:after,
.lifted:before {
position: absolute;
content: "";
}
上的阴影。
由此，我们可以看到我们需要进行的第一次编辑。你需要添加
before这是使阴影可见所必需的（请记住，如果您未设置after），则不会显示content和absolute伪元素。但这还不够。原因是你的lifted定位将两个阴影放在一起。
Go to this JSFiddle并添加/删除子div中的{{1}}课程以了解我的意思。
This JSFiddle几乎修复了它，但您应该看到this question and answer，看看它为什么没有！您应该可以使用它来解决您的问题。
答案 1 :(得分：1)
你的jsFiddle中有一个.lifted类。您可以在所需的其他div中使用相同的类。