Question

我很难将这个自制按钮放在灯箱顶部（右上角）。无论我对z-index做什么，它都会留在Box内。

这里有JSFIDDLE。 CSS面板可能有点长（166行）。

那么......我错过了什么？感谢。

Answer 1

z-index只将元素置于“可见性”或“覆盖”的顶部，您的问题是，您的按钮的父级不允许在overflow:auto之外显示该div之外的任何内容而是创建滚动条而不是。如果你想在这个div之外显示一些东西，把它放在你的div之外，或者允许元素在父overflow:visible之外呈现：

.white_content {
    overflow: visible;
}

第一种方式对你来说可能更好

Answer 2

.class
{
position:relative;
top:20%;
}