2016-11-30 30 views
1

Heyy所有,如何設置畫布的高度是完整的文檔高度(覆蓋整個頁面)

剛準備爲聖誕節,所以我有一些積雪使用Canvas下降,它看起來真的很酷,雖然它只是通過100vh縮絨達因:

c.width = innerWidth; 
c.height = innerHeight; 

因此,如果有人可以幫助我在這裏,我將非常感激=)

我已經通過CSS嘗試使用:

canvas#c { 
position: absolute; 
z-index: 999; 
bottom: 1px; 
top: 1px; 
height: 100%;} 

回答

0

對於任何關心的人,我從位置改變:絕對;定位:固定;

現在它只是停留在屏幕上看起來像它的下雪=)

+1

要知道,你_cannot_點擊任何被_under_畫布(點擊會去到畫布,而不是元素在它之下)。對於現代瀏覽器,你可以使用'pointer-events:none'來忽略任何基於指針的交互,但是IE不支持這種方式(所以你的網站除了滾動以外不能使用)。只是要記住。 – somethinghere

+0

感謝您的提示,認爲沒有任何鏈接在我的網站工作,所以我只是增加了位置:相對於A:鏈接,並給它一個z-index與canvus相同。非常棒! –

相關問題