问将容器DIV叠加到其自己的子项上

EN

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

现在，我需要一个几乎透明的图像，它部分(或完全，无关紧要)覆盖滚动视图，叠加在滚动div中的所有内容上，同时仍然保持事件处理。我认为最简单的方法是将整个DIV包装在另一个DIV中，该DIV的背景图像是要叠加的图像，这样发生在叠加图像上的事件就可以由子元素传递并捕获。不过，我似乎找不到一种方法来使容器DIV的背景在其内容上呈现--我知道这完全违反直觉和反DOM，但我真的只想避免仅仅为了适应这个额外的图像而更改现有的JS代码，无论解决方案有多糟糕。它看起来像这样：

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

我尝试了各种z-index实验，但都无济于事。这有可能吗？如果没有，你还有什么其他的建议吗？