Javascript 将容器DIV叠加到它自己的子容器上

我已经实现了一个有点复杂的Javascript滚动视图，所有视图都包含在一个DIV中。其中的元素有mouseover和mouseout的处理程序来控制滚动行为，其中还有可以单击的链接

现在，我需要一个大部分透明的图像，它部分（或完全，无所谓）覆盖滚动视图，以覆盖滚动div中的所有内容，同时仍保持事件处理。我认为最简单的方法是，如果我能以某种方式将整个DIV包装在另一个DIV中，该DIV的背景图像就是要叠加的图像，这样叠加图像上发生的事件就可以通过子元素传递和捕获。我似乎找不到一种方法让container DIV的背景呈现在它的内容之上——我知道这完全是违反直觉和反DOM的，但我真的只是想避免改变我现有的JS代码来容纳这个额外的图像，不管解决方案有多粗糙。它看起来像这样：

<div id="superimposed" style="background-image: url('superimposed.png')">
    <div id="scrolling-view"> ... </div>
</div>

... 

---

我尝试了各种z指数的实验，但都没有成功。这可能吗？如果没有，您还有其他建议吗？

请参见

在滚动视图中设置所有内容的不透明度是否有效？我想它也会达到同样的效果。你需要支持哪些浏览器？@MisterZimbu:你是什么意思@三十点：所有现代浏览器，例如大多数Mozilla、Chrome、Safari和IE7+谢谢，这有点混乱，但我想这是唯一的方法