html5多个画布不会重叠

Question

HTML5 游戏开发新手。

我正在尝试将 2 个画布相互重叠。 #canvasBG 和#canvasJet。 这应该可以工作，我不知道为什么不行。

我的html

<button id="clearCanvasBtn" type="button">Clear Canvas</button>
<canvas id="canvasBg" width="800px" height="500px"></canvas>
<canvas id="canvasJet" width="800px" height="500px"></canvas>
<div id="inner"></div>

我的 CSS

#canvasBg {
    background:#FFFFFF;
    margin: 100px auto 0px;
    display:block;
}

#canvasJet {
    background:#FFFFFF;
    margin: -500px auto 0px;
    display:block;
}

您现在可以在这里查看：http://dev.yeahnah.tv/gina/

Answer 1

你可以试试position: relative:

#canvasBg, #canvasJet {
    background:#FFFFFF;
    display:block;
    position:relative;
}