【问题标题】:Any change in the my index.html is not reflected on webpage. Why?我的 index.html 中的任何更改都不会反映在网页上。为什么?
【发布时间】:2019-07-18 06:49:18
【问题描述】:

我下载了particle.js 的演示版,并尝试使用基本的HTML 对其进行修改。但是这些更改都没有反映在网页上。我有什么明显的遗漏吗? 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>

【问题讨论】:

标签: html jss


【解决方案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>


【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-06-13
    • 2017-06-09
    • 2017-04-09
    • 2010-10-31
    • 1970-01-01
    • 2021-07-15
    • 1970-01-01
    • 2022-01-10
    相关资源
    最近更新 更多