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

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的内容，以便将画布元素绝对定位在其中。