如何在一个画布上方叠放两个画布？

Question

我发现类似的话题，但是它们都使用绝对定位将画布放置在页面的左上角。虽然我已经把它们包含在一个div里面，但我不确定如何让它们正确层叠。我尝试在CSS中使用绝对和相对定位，但是没有成功。

- Ryan Peschel

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>

- Searle

---

FYI - 上面的代码不起作用。要使其正常工作，您需要执行以下操作： <canvas class="canvas" id="canvas1" ></canvas> - morpheus

是的，你当然是对的。我当时以为任何元素都可以自闭合。 - Searle

Answer 2

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

- Joe Friedl