为什么在放置canvas标签时我的section元素没有显示？

问题描述

每当我输入<canvas id=c></canvas>时，我的<section id="greeter"></section>都不会显示在页面上。我玩过z-index，并将画布移到了身体之外，这没有什么区别。另外，我的画布没有覆盖整个页面。当我向下滚动时，画布随主体移动，但一开始只覆盖屏幕的窗口。向下滚动时，背景为空白。

html&css

解决方法

请尝试使用margin: 0;作为CSS示例*{margin= 0;}的示例，因为大多数浏览器在元素为null时为元素分配边距。

,

它确实“显示”。您只是看不到它，因为它现在在画布的黑色矩形后面，或者因为字体颜色也是黑色。将画布样式更改为：

canvas {
  position:fixed;
  top:0;
  left:0;
  background-color:black;
  z-index:-1;
}

.greeting {
  color:white;
}

<canvas id="c"></canvas>
<section class="greeting">
  <h1>Billiam Robert</h1>
  <p>Junior Software Developer</p>
</section>

现在，您看到了。使用绝对定位已使画布脱离页面的正常流程，并向上移动了部分标签。设置z-index应该会将画布移到背景中-但是，如果文本的颜色不是黑色，您仍然只能看到文本。

（已编辑以使用摘要）