在后台显示网站?

时间:2011-11-12 09:08:56

标签: javascript jquery html css

好吧,这有点难以解释,但请耐心等待我!

我想根据本网站的想法创建一个旨在秘密使用的游戏网站:http://nyanit.com/

如果您还没有亲眼看过,请在文本框中输入一个链接。让我们说我们放入www.google.com。它会生成类似http://nyanit.com/www.google.com的链接。 访问该链接后,您将看到正常的网站,但屏幕上会出现nyan cat。

我想做同样的过程,除了猫之外的Facebook类型弹出窗口,就像你看过图片时看到的那样。你知道,一些不能打开新标签或浏览器的东西只是屏幕上可以隐藏的元素。然后我希望在那里显示游戏网站(我将能够做到这一点,没有任何问题,因为我之前已经做过)。

我想知道的是:如何将我的自定义弹出窗口覆盖在像Google这样的预先存在的网站上,就像nyanit.com一样? - 而不只是谷歌,我正在寻找与Nyanit.com相同的概念。用户可以输入他们想要的任何网站。


编辑:如果不是太麻烦尝试保持建议IE兼容:)

2 个答案:

答案 0 :(得分:0)

一种可能的方法是让iframe覆盖整个屏幕并加载到您选择的网站中,然后将实际游戏内容放在z-index更高的元素中。

答案 1 :(得分:0)

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

祝你好运!