試圖通過jQuery覆蓋層打洞，問題

Question

我試圖做類似從jQuery工具包公開的內容。

http://flowplayer.org/tools/demos/toolbox/expose/index.html

除了我試圖使用圖像作爲背景，並有超過它的覆蓋和僅露出圖像的一部分作爲100％的可見光（有點像一個反向的亮點）。

我目前的解決辦法是：

我做一個形象的背景DIV覆蓋，並可見部分的div比覆蓋的更高的Z指數。但由於可見部分div的背景是透明的，div只顯示覆蓋層。我看到的插件解決這個問題的方法是將可見部分div的背景設置爲允許整個div設置在覆蓋層上方的顏色，因爲我使用的是一個相當大的圖像，我沒有選擇使用div上的彩色背景。我也不想顯示原始圖像的複製副本，因爲這些背景圖像很大。

我找不到有關如何在線執行此操作的任何文檔。我會很感激任何我可以得到的反饋。

Answer 1

我的建議是將absolutize這個元素設置爲一個相對較高的z-索引，然後將你的褪色層放在那個下面，但仍然比任何其他內容都高。它會顯示你想要的效果。