关于层的问题

Question

在网页中点击一个按钮或者链接，打开一个窗口。背景呈现灰色，且只有新打开的窗口鼠标能够点击，其它呈灰色的地方都不能点击，这怎么做？

Answer 1

[code="html"]

/** * 弹出窗口 */ function showWin(){ document.getElementById('grayDiv').style.display = ''; var win = document.getElementById('infoDiv'); var left = (document.body.clientWidth - parseInt(win.style.width))/2; var top = (document.body.clientHeight - parseInt(win.style.height))/2; win.style.left = left + "px"; win.style.top = top + "px"; win.style.display = ''; } /** * 隐藏窗口 */ function hideWin(){ document.getElementById('grayDiv').style.display = 'none'; document.getElementById('infoDiv').style.display = 'none'; } /** * 移动窗口 */ function startMove(clickEvt){ var div = document.getElementById("infoDiv"); var offsetX = clickEvt.clientX - div.offsetLeft; var offsetY = clickEvt.clientY - div.offsetTop; div.onmousemove = function(moveEvt){ var tmpEvt = moveEvt; if (document.all){ // for IE tmpEvt = event; } var x = tmpEvt.clientX - offsetX; var y = tmpEvt.clientY - offsetY; div.style.left = x + "px"; div.style.top = y + "px"; }; } /** * 停止移动 */ function stopMove(){ document.getElementById("infoDiv").onmousemove = null; }

关闭

其他内容 在 style 中使用 z-index 时必须指定 position, 且弹出窗体的 z-index 必须大于其他元素的 z-index

[/code]