我最近被分配了复制我们以前的Web开发者制作的JS弹出窗口的工作.我有一个非常相似但有一件事我不能得到,关闭按钮(X)漂浮在弹出的右上角的弹出窗口(而不是坐在弹出窗口的右上角).我已经尝试了在Stack和Stack中发现的CSS和其他属性中的position:值,但是没有一个似乎没有办法.
CSS:
#popup {
position:absolute;
display:hidden;
top:50%;
left:50%;
width:400px;
height:586px;
margin-top:-263px;
margin-left:-200px;
background-color:#fff;
z-index:2;
padding:5px;
}
#overlay-back {
position : fixed;
top : 0;
left : 0;
width : 100%;
height : 100%;
background : #000;
opacity : 0.7;
filter : alpha(opacity=60);
z-index : 1;
display: none;
}
.close-image {
display: block;
float:right;
cursor: pointer;
z-index:3
}
HTML: