我实现了一个有点复杂的Javascript滚动视图，全部包含在DIV中。内部元素具有用于鼠标悬停和鼠标移除的处理程序以控制滚动行为，并且还可以单击其中的链接。
现在，我需要一个大部分透明的图像，部分（或完全无关紧要）覆盖滚动视图，以叠加在滚动div中的所有内容上，同时仍保持事件处理。我认为最简单的方法是，如果我能以某种方式将整个DIV包装在另一个DIV中，其背景图像是要叠加的图像，这样叠加图像发生的事件就可以传递下来并由子元素捕获。我似乎无法找到一种方法让容器DIV的背景渲染其内容 - 我知道这完全是反直觉和反DOM，但我真的只是想避免更改我现有的JS代码以适应这个额外的图像，无论解决方案多么狡猾。它看起来像这样：
<div id="superimposed" style="background-image: url('superimposed.png')">
<div id="scrolling-view"> ... </div>
</div>
我尝试使用z-index进行各种实验无济于事。这甚至可能吗？如果没有，你还有其他建议吗？