2016-05-29 116 views
-1

我使用此代碼http://cssdeck.com/labs/pa0yqlki,它顯示一個覆蓋瀏覽器窗口大小的畫布。(在)canvas元素之後的HTML內容

我能夠顯示在畫布上的熱門內容(通過使用絕對定位的z-index:-1)

我什麼不能夠做的就是添加內容畫布之後 一旦畫布結束了,窗戶也一樣,我想要一個<h1>可以說。所以當頁面加載時應該會出現一個滾動條,我應該能夠多滾動一下,以便看到<h1>

任何想法?

+0

'位置:absolute'採取帆布出公文流轉使瀏覽器看到你在窗口中什麼都沒有,並提出了H1在窗口的左上角。你可以使用一個大的'margin-top'將你的h1推到畫布下方,這樣它們都可見,所以它會導致滾動條出現。 – markE

+0

好的,謝謝你。我將發佈我的解決方案作爲回覆,以便其他人可以看到它! –

回答

1

好的,多謝markE's回覆我能夠達到我想要的。

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

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

這是我的HTML的一部分。根據窗口的大小,「myText」將顯示在畫布下。

爲了實現這一點,我在CSS中添加了以下代碼。

#myText 
{ 
    padding-top: 100vh; 
}