2016-05-29 101 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; 
}