如何將兩個畫布放在另一個上面？

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以便將畫布元素完全放置在其中。