jquery - css/jquery - 将覆盖添加到页面的一部分

Question

我希望每当用户点击我的链接时，只有页脚是“可见的”。其他内容将有叠加层。

每当用户按下此链接时，叠加层应该淡入，但不会出现在页脚 # 上。

<a href="javascript:void(0)" id="enableOverlay">Enable Overlay</a>

只有在单击链接 ^ 后才能看到的页脚。

<div id="footer">
   footer text 
</div><!-- End Coming Soon -->

此时我很困惑。因为我需要在除页脚之外的所有内容周围设置一个 div。这个 div 应该具有我的叠加层的样式 - 虽然它也应该具有 display:none; 然后将隐藏所有内容。

我应该怎么做才能达到这种效果？

提前致谢。

Answer 1

不，你只需要 this .

Malsup 的 jQuery Block UI 插件正是您所需要的。它允许您阻止您想要的任何区域。您也可以应用自己的 CSS。