CSS Box阴影可以流到它下面的物品上吗？

Question

有没有办法用上面项目的方框阴影覆盖下面的项目？

请查看：this example

有没有办法用红色框的阴影遮住白框？提前谢谢。

Answer 1

同时给出position: relative两个方框，并为红色框提供比白色方框更高的z-index：

#d1, #d2 {
    position: relative;
}

#d1 {
    /* Other styles */
    z-index: 1;
}

#d2 {
    /* Other styles */
    z-index: 0;
}

Answer 2

#red-box { z-index: 2000; }
#white-box { z-index: 1000; }

较高的z-index意味着它将被放置在较低的z-indexed项目之上。

---

顺便说一下，页面重新加载非常有用，所以我无法从Web Inspector更改样式表来测试它。

Answer 3

如果你给它（最上面的那个）position:relative它会起作用。

Answer 4

在修改z-index

之前设置位置：相对于div 1