Как разместить два холста друг на друга?

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, чтобы полностью разместить в нем элементы холста.