my index.html 中的任何更改都不会反映在网页上。为什么？

Question

我下载了 particles.js 的试用版，并尝试使用基本 HTML 对其进行修改。但是 none 的更改已反映在网页上。我有什么明显的遗漏吗？ TIA

<!DOCTYPE html> <html lang="en" >
 <head><meta charset="UTF-8">   <title>particles.js demo</title>
       <link rel="stylesheet" href="./style.css">
    </head>
 <body>
   <!-- particles.js container -->   <div id="particles-js"></div>   
   <!-- stats - count particles -->    <div class="count-particles">  

   <span class="js-count-particles">--</span> particles </div>  
   <!--particles.js lib - https://github.com/VincentGarreau/particles.js --> 
   <script src="http://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
   <!-- stats.js lib -->  
   <script src="http://threejs.org/examples/js/libs/stats.min.js"></script>

   <script  src="./script.js"></script>

   <h1 class="main-title"><a href="index.html">Hello all </a></h1>
   <p class="text-content">Welcome to my website! Click on a link to get started.</p> 
 </body>
</html>

Answer 1

请将 position: relative 用于您的整体容器

以下代码适合您...


<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>particles.js demo</title>



      <link rel="stylesheet" href="./style.css">


</head>

<body>

  <!-- particles.js container -->
  <div id="particles-js" class="tt"></div> 
  <!-- stats - count particles --> 
  <div class="count-particles">
  <span class="js-count-particles">--</span> particles </div>
  <!-- particles.js lib - https://github.com/VincentGarreau/particles.js --> 
  <script src="http://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
  <!-- stats.js lib -->
  <script src="http://threejs.org/examples/js/libs/stats.min.js"></script>



    <script  src="./script.js"></script>
    <div class="body-container" style="position: relative;">
        <h1 class="main-title"><a href="index.html">Hgdfgdfello all </a></h1>
        <p class="text-content">Welcome to my website! Click on a link to get started.</p>
    </div>




</body>

</html>

my index.html 中的任何更改都不会反映在网页上。为什么？

Any change in the my index.html is not reflected on webpage. Why?

html

jss