添加一些样式后，背景图像消失

Question

请原谅我，如果我的问题很愚蠢，我对所有这些技术都很陌生。我的目标是添加图像背景的默认大小，而不是缩放，因为它是一个大尺寸的图片，问题是当我添加一些样式，图像不显示和背景变空白。顺便说一下，IM在这个背景图像上使用particle.js。

  <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Infinite Space !</title>
  <link rel="stylesheet" href="style.css">
</head>
<body >
  <div id="particles-js"></div>

  //particle-js configues
  <script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js">
  </script>
  <script>
    particlesJS.load('particles-js', 'particles.json', function() 
      console.log('callback - particles.js config loaded');
      );
  </script>


  </div>
</body>
</html>



 #particles-js

  background: url("https://d14xs1qewsqjcd.cloudfront.net/assets/bg-header-star.jpg")
  width: 100%;
  min-height: 800px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  /* background-attachment: fixed;