キャンバスアニメーションを親divの背景要素にする

Question

現在、私はこの微妙な星が動いて輝くキャンバスアニメーションを実行しています。現在、キャンバスは独自の要素ですが、親divの背景要素に移動したいと考えています。誰でも私にこれを行う方法を教えてもらえますか？ JSのフィドルは、ここで添付 - https://jsfiddle.net/83aahcng/

<div id="container"> 
    <canvas id="pixie"></canvas> 
</div> 

Answer 1

私は...このような妖精の上にdiv over pixieをdiv要素を入れてしまうでしょう。

HTML：

<div id="container"> 
<div id="over_stuff"> 
Here's some stuff over #pixie! 
</div> 
<canvas id="pixie"></canvas> 
</div> 

CSS：

#container { 
overflow:hidden; 
position:relative; 
z-index: 1; 
} 
#pixie { 
z-index:0; 
background:#010222; 
background: 
} 
#over_stuff{ 
color:white; 
position:absolute; 
top:0px; 
left:0px; 
z-index:5; 
padding:10px; 
} 

が、私は理解していないよ何かがありますか？これは単純すぎるようです。