html - HTML5 複数レイヤー、下のレイヤーが見えない

Question

複数のキャンバスレイヤーを使用して単純なゲームを実装しようとしています。問題は、「トップ」レイヤーしか見えないことです。

http://carmenbranje.com/games/untangle%20game%203/

どうしてこれなの？

どうもありがとう

カルメン

Answer 1

この回答では、キャンバスの背景の不透明度について説明しています: jQuery Background Canvas transparent それは何が欠けているのでしょうか?

Answer 2

多分私はそれを逃した！しかし、キャンバスに z-indexing がないようです。これで問題が解決します。

Answer 3

最速の方法。(よりきちんとした CSS の方法があります)。外部 CSS ドキュメントで以下を試してください。

#layers canvas{
left: 50%;
margin-left: -384px;
position: absolute;
}

#bg{ z-index:1; }
#guide{ z-index:2; }
#game{ z-index:3; }
#ui{ z-index:4; }