Question

我在我的页面中创建了一个div，它看起来像 -

<div id="progressThrobber" style="display: none;"><img src="/btweb/images/DeskTopIconLoading.gif" width="200" height ="40"/>              Loading...</div>

现在，使它在页面上显示为弹出窗口的功能位于 -

之下

function showProgress(divId) { 
var divElement = document.getElementById(divId); 
divElement.style.display = ''; 
divElement.className='progressThrobberStyle';
divElement.innerHTML = '<table><tr><td align="center"><img                    src="/btweb/images/DeskTopIconLoading.gif"/></td></tr><tr><td nowrap="nowrap"><b>Loading...</b></td></tr></table>';

return true;

}

定位DIV的风格在下面 -

 .progressThrobberStyle{ background-color:#FFFFFF;
   border:1px groove #999999;
  cursor:default;
  position:absolute;
 left:50%;
   top:50%;
 width:200px; height:100px; 
 margin:-100px 0 0 -50px;
  z-index:99;
  padding: 15px 15px 15px 15px;
}

无论用户已经滚动到哪个位置，我都无法将其置于中心位置。例如，如果用户向下滚动到页面的最底部并点击提交，我需要在中心显示弹出窗口。

有什么想法吗？

此致卡兰

Answer 1

你试过了吗？

position: fixed;

将DIV元素弹出窗口居中

1 个答案: