0

非常に太い境界線を持つ 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;
}
4

3 に答える 3

0

.aboutcontainer から境界線を削除します。それを別のdiv内に配置し、その親コン​​テナーに境界線効果を作成するパディングと背景色を与えます。.aboutcontainerと.closeBtnをその div 内に配置すると、.aboutContainerのオーバーフロー プロパティをそのまま維持しながら、好きな場所に閉じるボタンを自由に配置できます。

于 2012-11-07T08:50:04.880 に答える
0

あなたのタグは、境界線の上にあるものを含めoverflow: auto;、 main の外側のすべてを隠しています。divそれを削除すると、ボタンが表示されます。

于 2012-11-07T05:09:04.813 に答える
0

ここでは削除overflow:autoしてもz-index必要ありません。内側の div に and を付けて効果を確認しますwidth。height

デモ

于 2012-11-07T05:52:56.123 に答える