2016-05-29 7 views
-1

私はこのコードhttp://cssdeck.com/labs/pa0yqlkiを使用して、ブラウザのウィンドウのサイズをカバーするキャンバスを表示しています。キャンバス要素の後のHTMLコンテンツ

私は(絶対位置とzインデックスを使用して:-1)キャンバスの上にコンテンツを表示することができています

私が行うことができませんよ、何がキャンバス後のコンテンツを追加することです。 キャンバスが終了し、ウィンドウも終了したら、私は<h1>と言うことができます。ページが読み込まれたときにスクロールバーが表示されますので、もう少しスクロールして<h1>が表示されるはずです。

アイデア?

+0

'位置:ブラウザを使用すると、ウィンドウには何もないことを見ていると、ウィンドウの左上にH1を置くようabsolute'は、ドキュメントフローのうち、キャンバスを取ります。大きな 'margin-top'を使用してh1をキャンバスの下に押し込むと、その両方が表示され、スクロールバーが表示されます。 – markE

+0

ありがとうございました。他の人が見ることができるように、私は自分の解決策を返信します! –

答えて

1

よろしくお願いします。markE'sのおかげで、私は欲しいものを達成することができました。

[...] <canvas> </canvas> 

<h1 id="myText"> Text </h1> [...] 

これは私のHTMLの一部です。 「myText」は、ウィンドウのサイズに基づいてキャンバスの下に表示されます。

これを達成するために、私はCSSに次のコードを追加しました。

#myText 
{ 
    padding-top: 100vh; 
} 
関連する問題