试图通过jQuery叠加层打洞,问题

时间:2011-08-02 17:23:16

标签: javascript jquery modal-dialog

我正在尝试做类似于从jQuery工具包中公开的内容。

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

除了我尝试将图像用作背景并在其上方覆盖并仅显示图像的一部分为100%可见(有点像反向突出显示)。

我目前的解决方案是:

我在图像背景div上进行叠加,并使可见部分div的z-index高于叠加层的z-index。但由于可见部分div的背景是透明的,因此div只显示叠加层。我看到的插件的方式是通过将可见部分div的背景设置为一种颜色,允许整个div设置在叠加层之上,因为我使用了一个非常大的图像,我没有选择使用div上的彩色背景。我也不想显示原始图像的克隆副本,因为这些背景图像很大。

我找不到任何关于如何在线执行此操作的文档。我很感激我能得到的任何反馈。

1 个答案:

答案 0 :(得分:0)

我的建议是absolutize元素,将其设置为相对较高的z-index,然后将褪色层置于其下方,但仍高于其他任何内容。它会给你想要的效果。