如何将两个画布彼此叠放？

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>