这个边界流过什么

Question

JsFiddle 链接

我有两个 div，两者的边框都重叠。当我将一个 z-index 设置得比另一个更高时，边框不应该被更高的 z-index div 挡住吗？

我可以做些什么来实现这个目标吗？

Answer 1

您需要将背景颜色设置为：

#b { background-color: #fff }

更新的小提琴

Answer 2

它们目前是透明的。添加背景颜色。

#b {
    left: 15px;
    top: 15px;
    border: 1px solid blue;
    z-index: 2;
    background-color:#ffffff <---- here
}

Answer 3

我在拖放排序环境中的表行上遇到了同样的问题。将背景设置为特定颜色（style =“background-color：White”），它将覆盖它。如果您不设置颜色，它会假定没有背景，只绘制其后面的内容（当它不重叠时，就什么都没有，所以当它实际上是空的时，它看起来像一个纯色背景）。

Answer 4

设置明确的背景颜色

#b {
    left: 15px;
    top: 15px;
    border: 1px solid blue;
    z-index: 2;
    background-color: white;
}