如何回应某个区域外的点击？

Question

我的文档看起来像这样:

基本上背景是一个全屏,透明的div.有几个问题...如果我只是创建背景div并且不对它应用任何z-index,它最终会在所有内容之上,并且我无法单击该框.如果我将背景div的z-index设置在框下方,我似乎无法点击背景.我想做什么,能够同时点击框和背景.

var x = document.getElementById("bg");
x.addEventListener("click",reset,false);

function reset() {
   alert("reset was clicked");
}

CLARIFICATION:框与bg位于同一节点级别.它不在bg div内.

Answer 1

您必须发布您的代码，以便每个人都可以帮助您。我的测试在 Firefox 和 Chrome 上运行正常。如果我猜对了，代码中的背景不会扩展。尝试在我的示例中删除html, body { width:100%; height:100%; }以查看问题。

在IE浏览器上，需要使用透明的gif图片作为背景div的背景，否则背景div可能无法接收鼠标点击事件。