css - 厚 Div 边框顶部的关闭按钮

Question

我有一个边框很粗的 div，我希望关闭按钮位于边框的右上角，而不是 div。我遇到的问题是，无论我输入什么 z-index，边框总是在我的关闭按钮 div 之上。我试过将边框设置在 div 的内部，但同样的问题不断发生。有什么建议吗？

谢谢!

.aboutcontainer{
    position: relative;
    width: 55%;
    height: 70%;
    margin: auto;
    margin-top: 6%;
    background: white;
    z-index: 3;
    border: 20px solid black;
    padding-left: 15px;
    padding-right: 15px;
    overflow: auto;

    box-shadow: inset 0px 5px 2px black, 0px 5px 5px #333333;
    -moz-box-shadow: inset 0px 5px 2px black, 0px 5px 5px #333333;
    -khtml-box-shadow: inset 0px 5px 2px black, 0px 5px 5px #333333;
    -webkit-box-shadow: inset 0px 5px 2px black, 0px 5px 5px #333333;
}

.closeBtn {
    position: absolute;
    top: -10px;
    right: -10px;
    border: solid 1px red;
    z-index: 4;
    cursor: pointer;
}

Answer 1

您的 overflow: auto; 标记隐藏了主要 div 之外的所有内容，包括边框顶部的内容。删除它，按钮将显示。