我希望来自https://codepen.io/haidang/pen/WRGXJv的烟花覆盖https://codepen.io/kimaro/pen/BjqYeo的交互式表格+按钮。
我尝试过两个画布,其中烟花的画布有
"01"
表格+按钮的画布
z-index=1
我尝试在fireworks.js中更改以下内容:
z-index=0
然而表+按钮画布并不适合我。另外,当将ctx.fillStyle = '#000'; //old
ctx.fillstyle = 'rgba(0,0,0,0)' //full transparent background
方法的fillstyle
更改为透明时,烟花画布的背景会随机改变颜色。
另外,如果我在html的末尾调用firework js,那么我就无法点击下面画布层的按钮。
编辑:正如Archer所指出的,按钮必须位于顶部画布层上。在这种情况下,表格+按钮图层的背景必须是透明的,而下面的图层具有所需的背景颜色。
编辑2:朋友建议我可以合并图层,以克服按钮位于下面图层的问题。