html - 如何将两幅画布叠放在一起？

Question

我发现了类似的主题，但它们都使用了绝对定位，将画布放在页面的左上角。我将它们包含在一个 div 中，但我不确定如何让它们正确分层。我尝试在 CSS 中使用绝对和相对定位，但我没有任何运气。

Answer 1

做这个：

<style>
    #container { position: relative; }
    .canvas { position: absolute; top: 0; left: 0; }
</style>

<div id="container">
    <canvas class="canvas" id="canvas1"></canvas>
    <canvas class="canvas" id="canvas2"></canvas>
</div>

Answer 2

确保添加position: relative到包含div以便将画布元素绝对定位在其中。