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