如何使网页变暗并在其上显示另一个网页（附图片）？答案

【问题标题】：How to darken a webpage and show another webpage over it (images attached)?如何使网页变暗并在其上显示另一个网页（附图片）？
【发布时间】：2011-06-28 18:57:37
【问题描述】：

我想在另一个网页上显示一种弹出式网页，方法是将其变暗作为背景，如下图所示。您能帮我理解如何实现这一目标吗？谢谢！

示例 1：

【问题讨论】：

下面的许多人已经回答建议你去获得一个预打包的解决方案，但如果你真的只是想帮助了解它是如何完成的一般方法，请告诉我们。

标签： javascript html css web

【解决方案1】：

有很多插件可以帮助您添加这种行为（称为光窗）。如果您使用的是 jquery，我可以推荐 colorbox http://colorpowered.com/colorbox/，因为我已经使用过它，但是还有很多其他很棒的插件。 Google 'javascript light window'。

【讨论】：

【解决方案2】：

有很多预打包的 Javascript 插件可以为你做这件事——很多都使用 jQuery。试试ColorBox - 它可能会做大部分你想要的开箱即用的东西，几乎不需要编码。

有关加载另一个网站的工作示例，请参阅this ColorBox examples page 并单击“外部网页（Iframe）”。

【讨论】：

【解决方案3】：

我会使用these 之一，免费的，已经创建的解决方案。叫灯箱

【讨论】：