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