画布对象在html上显示

Question

所以我正在练习javascript，我在后台制作了一些带有动画的乐透游戏。这是它的外观：

我想知道是否有可能让在背景中反弹的球越过div所在的title, random numbers and button。所以基本上球在div前面没有反弹。

以下是代码的链接：https://github.com/Frago23/Frago1321

提前谢谢你们！

Answer 1

编辑： 添加第二个带有id＆＃39; myBallCanvas＆＃39;。

的画布

<canvas id="myBallCanvas"></canvas> 

然后将此添加到您的css

   #myBallCanvas {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
    }

最后，更改您的JavaScript，以便您选择新的画布

var canvas = document.querySelector('#myBallCanvas');

将所有#frame，＃frame2 ...选择器的z-index更改为0

基本上较低的z-index元素将放在较高的索引元素后面。请注意，您要使用z-index on的任何元素都必须具有指定的position属性（固定，绝对或相对）

哦，下次，您应该在主帖中添加指向代码的链接。如果你只把它放在我的答案中，其他人就不会看到它