好吧,这有点难以解释,但请耐心等待我!
我想根据本网站的想法创建一个旨在秘密使用的游戏网站:http://nyanit.com/
如果您还没有亲眼看过,请在文本框中输入一个链接。让我们说我们放入www.google.com。它会生成类似http://nyanit.com/www.google.com的链接。 访问该链接后,您将看到正常的网站,但屏幕上会出现nyan cat。
我想做同样的过程,除了猫之外的Facebook类型弹出窗口,就像你看过图片时看到的那样。你知道,一些不能打开新标签或浏览器的东西只是屏幕上可以隐藏的元素。然后我希望在那里显示游戏网站(我将能够做到这一点,没有任何问题,因为我之前已经做过)。
我想知道的是:如何将我的自定义弹出窗口覆盖在像Google这样的预先存在的网站上,就像nyanit.com一样?
- 而不只是谷歌,我正在寻找与Nyanit.com相同的概念。用户可以输入他们想要的任何网站。
编辑:如果不是太麻烦尝试保持建议IE兼容:)
答案 0 :(得分:0)
一种可能的方法是让iframe覆盖整个屏幕并加载到您选择的网站中,然后将实际游戏内容放在z-index
更高的元素中。
答案 1 :(得分:0)
您可以使用另一个div标签,并将其设置为100%body的高度和宽度,并使用position:absolute;显示:无。当事件到来时,你将div设置为更高的z-index,并显示:block。然后用你得到的内容填充div。 innerHTML会为你做到这一点。 我认为这是解决问题的方法。
祝你好运!