在后台显示网站

Display website in background?

本文关键字:网站 显示 后台      更新时间:2023-09-26

好吧,这有点难以解释,但请原谅我!

我想创建一个游戏网站,打算在学校秘密使用基于这个网站的想法:http://nyanit.com/

如果您自己还没有看到它,您可以在文本框中键入链接。假设我们代入www.google.com。它会生成一个类似http://nyanit.com/www.google.com的链接。在访问该链接时,您将看到正常的网站,但nyan cat在屏幕上运行。

我想做同样的过程,除了代替猫一个Facebook类型的弹出像那些你会看到如果你查看图片。不打开新标签或浏览器的东西只是屏幕上可以隐藏的元素。然后我想有游戏网站显示里面有(我将能够做到这一点没有问题,因为我以前做过)。

我想知道的是:我怎么能覆盖我的自定义弹出在一个预先存在的网站,如谷歌就像nyanit.com吗?——不只是谷歌,我在寻找与Nyanit.com相同的概念。用户可以进入他们想要的任何网站。


编辑:如果不是太麻烦,尽量保持建议IE兼容:)

一种可行的方法是使用一个覆盖整个屏幕并加载到你所选择的网站的iframe,然后你便能够在具有更高z-index的元素中呈现真正的游戏内容。

您可以使用另一个div标签,并将其设置为body的高度和宽度的100%,并使用position:absolute;显示:没有。当事件发生时,为div设置更高的z-index,并显示:块。然后用得到的内容填充div。innerHTML将为您做这些。我认为这是解决你问题的一个方法。

祝你好运!