製作一個畫布動畫在父div上的背景元素

Question

目前我有這段代碼運行一個畫布動畫，顯示微妙的星星移動和閃閃發光。目前畫布是它自己的元素，但我想將它移動到父div上的背景元素。任何人都可以告訴我如何做到這一點。 JS小提琴附在這裏 - https://jsfiddle.net/83aahcng/

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

Answer 1

我只想把一個div在精靈這樣的... div over pixie。

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

是否有什麼我不理解？這似乎太簡單了