我希望每当用户点击我的链接时，只有页脚会“可见”。其他内容将有重叠。
每当用户按下此链接时，叠加层应该淡入，但不会在页脚＃上。
<a href="javascript:void(0)" id="enableOverlay">Enable Overlay</a>
单击链接^后，应该只显示页脚。
<div id="footer">
footer text
</div><!-- End Coming Soon -->
此时我很困惑。因为我需要在除页脚之外的所有内容中使用div。这个div应该有我的叠加样式 - 虽然它也应该有display:none;然后隐藏所有内容。
我应该怎么做才能达到这种效果？
提前致谢。
答案 0 :(得分：4)
Naah，你所需要的只是this。
Malsup的jQuery Block UI插件是您所需要的。它允许您阻止任何您想要的区域。您也可以应用自己的CSS。
答案 1 :(得分：0)
看一下css z-index，然后用一个更高的z-index定位一个不可见的div，而不是它周围。
答案 2 :(得分：0)
点击按钮后创建div(Transparent layer like overlay)并将其height设置为页脚的top。然后，当您要关闭时，可以将其从页面中删除。希望这就是你要找的......
答案 3 :(得分：0)
以下是可在实际环境中使用的示例。除了从正常文档流中取出并放在叠加层上的页脚之外，它将在整个页面上淡入覆盖层淡入淡出。
这是保持页脚与覆盖图交互的必要条件。点击后它也会关闭叠加层。