按钮使用React上的CSS通过背景效果获得封面

Question

我一直试图用CSS创建一个简单的背景效果，但我意识到它可能会掩盖包括按钮在内的所有内容，所以我无法点击它，我该如何将效果放在页面的后面呢？

这是我的代码：

https://codesandbox.io/s/gracious-carlos-z9nikn?file=/src/App.js:23-598

编辑：我忘了添加背景色，我尝试了z-index:-999，它会放在背景色后面，有其他方法吗？

Answer 1

circles涵盖了所有内容
因此，在circles类的z索引中添加-9999将解决此问题。

.circles {
z-index: -9999;
background-color: black;
... 
}

代码如下：
https://codesandbox.io/s/wonderful-blackburn-shzjoe?file=/src/styles.css