Question

我有几个div，每个都有一个阴影，但div的阴影总是覆盖下一个div。

这是我的代码： HTML：

<div>
Some Text
</div>
<div>
Some Text
</div>
<div>
Some Text
</div>
<div>
Some Text
</div>
<div>
Some Text
</div>

的CSS：

div {
  background-color:white;
  text-align:center;
  box-shadow: 0 0 3px 5px black;
}

小提琴：https://jsfiddle.net/81t4v4a5/

我想完成类似的事情，但没有容器：https://jsfiddle.net/kc98heaw/

这可能吗？

Answer 1

这就是你要找的东西吗？

小提琴：https://jsfiddle.net/y6097xso/

我试图遍历所有div并用表达式绘制阴影：

＆＃13;

div {
  background-color:white;
  text-align:center;
  box-shadow: 0 0 3px 5px black;
}
div:nth-child(2n){
  position: relative;
  box-shadow: 9px 0 4px -4px black, -9px 0 4px -4px black;
}

＆＃13;

<div>
Some Text
</div>
<div>
Some Text
</div>
<div>
Some Text
</div>
<div>
Some Text
</div>
<div>
Some Text
</div>

＆＃13;

Css - 阴影覆盖其他元素

1 个答案: