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

Question

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

示例1：

Answer 1

有很多预先打包的Javascript插件可以帮到你 - 许多人使用jQuery。试试ColorBox - 它可能会完成您想要的大部分功能，只需很少编码。

有关加载其他网站的工作示例，请参阅this ColorBox examples page，然后点击“外部网页（iframe）”。

Answer 2

有很多插件可以帮助您添加此行为（称为光窗口）。如果你正在使用jquery，我可以推荐colorbox http://colorpowered.com/colorbox/，因为我已经使用过了，但是还有很多其他很棒的插件。 Google的“javascript光窗”。

Answer 3

我会使用these免费的，已经创建的解决方案之一。它被称为Light Box