javascript - 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;
}