我正在尝试使用链接来打开覆盖图，而不是在单独的弹出窗口中。此叠加层应包含一个半透明的div层，该层可阻止单击整个屏幕。我还打算在这一点上禁用滚动。无论我们在主页上的什么位置，单击链接时，覆盖图都应位于屏幕X和Y原点的中心。在此叠加层div的内部，应该配置一个iframe，以便可以加载3种尺寸的内容。

解决方案

抓取javascript ext库。它具有模态叠加的功能。

我们可能想查看我写的一个旧的JS库，称为SubModal。

易于理解和修改。去镇上;)

修改后，在服务器上结合使用Minify和gzip。库的大小很小。

Shadowbox是内联"弹出窗口"的不错脚本。如果我们使用任何一种(jQuery，Prototype等)或者单独使用，它都可以与任何常用的JS库一起使用，它具有相当全面的外观系统，因此我们可以修改外观而不必进入源代码本身。
这也是我尝试过的唯一可以在所有常用浏览器上可靠运行的脚本(有数十种)。

它不会为我们禁用滚动(我们仍然可以通过深色覆盖查看正常的页面背景滚动)，但是无论如何，"弹出窗口"将保持固定在屏幕上。

我通常为此使用ThinBox。如果用户未打开JS，它的效果很好，并且效果很好。

它确实使用jQuery，但是我们可以从Google加载它：http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js并可能获得缓存的好处。

ThickBox(不再开发)使我进入了这个似乎运行良好的库：

http://fancybox.net