我最近被分配了复制我们以前的Web开发者制作的JS弹出窗口的工作.我有一个非常相似但有一件事我不能得到,关闭按钮(X)漂浮在弹出的右上角的弹出窗口(而不是坐在弹出窗口的右上角).我已经尝试了在Stack和Stack中发现的CSS和其他属性中的position：值,但是没有一个似乎没有办法.

CSS：

@H_502_4@#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：

@H_502_4@<div id="overlay-back"></div> <div id="popup"> <img class="close-image" src="images/closebtn.png" /><span><img src="images/load_sign.png" width="400" height="566" /></span> </div>