ウェブサイトをバックグラウンドで表示しますか？

Question

申し訳ありませんが、これは説明するのが少し難しいですが、私と一緒にご負担ください！

私はこのウェブサイトの考え方に基づいて、学校で密かに使用されることを意図したゲームのウェブサイトを作成したい：http://nyanit.com/

あなたはすでにそれを見ていない場合は自分でテキストボックス内のリンクを入力します。 www.google.comに掲載するとします。 http://nyanit.com/www.google.comのようなリンクを生成します。 そのリンクにアクセスすると、通常のウェブサイトが表示されますが、nyanの猫が画面を横切って表示されます。

猫の代わりに写真を見た場合のようなFacebookタイプのポップアップを除いて、同じプロセスを実行したいと思います。あなたは、新しいタブやブラウザを表示しないものは、画面上の要素を隠すことができます。それから私はそこにゲームのウェブサイトを表示させたい（私は前にそれをしたように問題なしでこれを行うことができるだろう）。

私が知りたいことは：nyanit.comのように既存のウェブサイト（Googleなど）にオーバーレイする方法を教えてください。 - Googleだけでなく、Nyanit.comと同じコンセプトを探しています。ユーザーは自分が望む任意のウェブサイトに入ることができる。


編集：それはあまりにも面倒ではありません場合はIE互換性のある提案を維持しよう:)一つの可能​​な方法は、お好みのウェブサイトで、画面全体と負荷をカバーはiframeを持つことである

Answer 1

、その後、あなたが持っていますあなたの実際のゲームコンテンツは、より高い数字のz-indexを持っています。

Answer 2

別のdivタグを使用して、ボディの高さと幅を100％に設定し、position：absoluteで設定できます。表示：なし。イベントが来たらdivをより高いz-indexに設定し、display：blockを設定します。あなたが得る内容でdivを記入してください。 innerHTMLはあなたのためにそれを行います。 私はそれがあなたの質問の方法だと思います。

Good Luck！