在後臺顯示網站？

Question

好吧，這有點難以解釋，但請耐心等待！

我想創建一個遊戲網站是爲了根據這個網站的想法在學校偷偷使用：http://nyanit.com/

如果您還沒有自己見過你輸入在文本框中的鏈接。讓我們說，我們把www.google.com。它會生成一個類似http://nyanit.com/www.google.com的鏈接。 一旦訪問該鏈接，你會看到正常的網站，但與尼安貓在屏幕上運行。

我想要做的是同樣的過程，除了一個貓類型的Facebook類型的彈出式窗口，就像您在看過圖片時看到的那樣。你知道，一些不會打開新標籤或瀏覽器的屏幕上只能隱藏一個元素。然後，我想讓遊戲網站顯示在那裏（我可以在沒有問題的情況下做到這一點，就像我以前做過的那樣）。

我想知道的是：如何將我的自定義彈出窗口覆蓋在已有的網站上，例如Google，就像nyanit.com一樣？ - 不只是谷歌，我正在尋找與Nyanit.com相同的概念。用戶可以輸入他們想要的任何網站。


編輯：如果這不是太麻煩儘量保持建議IE兼容:)

Answer 1

一個可能的方法是將具有覆蓋整個屏幕，並加載在您所選擇的網站的iframe，那麼你有您的實際遊戲內容與z-index更高。

Answer 2

您可以使用另一個div標籤，並將其設置爲100％身體的高度和寬度，並且位置爲：absolute;顯示：無。當事件發生時，您將div設置爲更高的z-index，並顯示：block。然後用你得到的內容填滿div。 innerHTML會爲你做到這一點。 我認爲這是你的問題的一種方法。

祝你好運！