背景遮罩和react-particles-js 3.0的问题

Question

我尝试了在react-particles-js 3.0中从here提取的Background Mask示例，但是无法显示任何内容。

我在做什么错了？

您可以在CodeSandbox上签出示例

Answer 1

使用“ zIndex”样式将您的容器放在最前面。只需将样式添加到您的div中即可：

  <div className="center" style={{ zIndex: "101" }}>
    <h1>Hello World!</h1>
    I'm using react-particles-js
  </div>