疊加在其自己的孩子一個容器DIV

Question

我已經得到了實現一個有點複雜的JavaScript滾動視圖，所有包含在一個DIV。裏面的元素有用於mouseover和mouseout的處理程序來控制滾動行爲，裏面還有可以點擊的鏈接。

現在，我需要這部分（或全部，無所謂）覆蓋被疊加在一切都在滾動DIV怎麼回事，同時仍保持了事件處理滾動視圖中的大部分是透明的形象。我認爲要做到這一點是如果我能以某種方式包裝在另一個DIV其背景圖像進行疊加圖像整個DIV，使發生疊加圖像事件可以由子元素被傳遞下來並奪取了最簡單的方法。我似乎無法找到一種方法，使容器DIV的背景渲染過的內容，但 - 我知道這是完全反直覺和抗DOM，但我真的只是想避免改變我現有的JS代碼只是爲了滿足這個額外的圖像，無論多麼駭人的解決方案。它看起來像這樣：

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

我試過各種Z指數試驗無濟於事。這甚至有可能嗎？如果不是，你有其他建議嗎？

Answer 1

請參閱HTML "overlay" which allows clicks to fall through to elements behind it