如何在 HTML5 画布上方添加文本？

Question

这可能很容易，但我不擅长 Web 开发，所以就这样吧；我目前正在重写我的网站（如果你看过它，你就会知道为什么）并且我已经编写了一个处理漂亮背景的脚本。背景位于 HTML5 <canvas> 元素中。我现在希望能够编写文本，例如使用<p> 标签，并将其显示在画布上方（使其悬停在画布上方）。我将如何实现这一目标？

Answer 1

您将从了解中受益的两件事：

• 定位。在 CSS 中，您可以“绝对”定位事物，以便事物可以堆叠在一起

• z 索引。 z-index 帮助浏览器了解您希望堆叠的项目如何分层；如果<p> 标签的z-index 比画布高，它将显示在画布上，反之亦然。

---

进一步阅读：

https://developer.mozilla.org/en/docs/Web/CSS/position https://developer.mozilla.org/en/docs/Web/CSS/z-index