为我的摄影建立一个网站,我正在努力使背景 Canvas 跨越页面的整个高度。此外, Canvas 内的星星有时会变长 - 您必须刷新以使它们的大小正确。
Canvas 的 html 代码:
<body>
<canvas id="canvas"></canvas>
<header>
CSS 代码:
canvas {
position:absolute;
top:0;
left:0;
width:100%;
min-height: 100%;
z-index:-1;
background: #111;
}
页面链接:https://benjamintgibbs.github.io/benjaminAstro.github.io/
最佳答案
因为您希望 Canvas 用作背景图像。为什么不将元素固定在屏幕上?
示例position:fixed
(你已经设置了宽度和高度为100%)
#canvas{
position: fixed;
}
关于javascript - Canvas 横跨整个页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43427370/