我最近被分配了復制我們以前的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：

總結

以上是生活随笔為你收集整理的html一个div浮动在另一div上,css – 在另一个DIV的顶部浮动DIV的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。