html - Web ページに 3 つの div を重ねる

Question

ここで 3 つのコンテナーをオーバーレイして、それらに対して異なる操作を実行しようとしています。3つのコンテナは、

body: z-index 1
div (that has to be be same size as that of body to be used for fading the background): z-index 2
canvas div (for animations over the faded background): z-index 3

これは、上記の効果を得るために 3 つの div をオーバーレイしようとしているフィドルですが、不明な理由で機能していません。http://jsfiddle.net/NXBg5/1/

助言がありますか？

Answer 1

まず、開口部{がありませんでした。

また、html と body のサイズを設定する必要があります。ページにコンテンツがまったくないか少ない場合、表示サイズ全体が使用されないためです。

position: absolute最後に、キャンバスをページの外に押し出さないように、2 番目の div を配置する必要があります。

最終版: http://jsfiddle.net/62pJr/