Bir tuval animasyonu üst divanda arka plan öğesi oluşturma

Question

Şu anda bu hareketli parçayı hareket ettiren ve parıldayan ince yıldızları gösteren bir tuval animasyonunu çalıştırıyorum. Şu anda tuval kendi elementi ama ben bir ebeveyn div üzerinde bir arka plan elemanı olarak taşımak istiyorum. Bunu nasıl yapacağımı bana kimse gösterebilir. JS keman burada ekli - https://jsfiddle.net/83aahcng/

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

Answer 1

Ben sadece ... Böyle pixie üzerinde div over pixie bir div koyardı.

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

Anlamıyorum şey var mı? Bu çok basit gibi görünüyor