页脚中的粒子js在页脚下方添加3px空间

Question

我在包含particles.js的页脚中有一个小问题。每当将particle.js添加到页脚时，页脚下方就会出现一个3px的空白。当particles.js不在页脚中时，不会发生这种情况，因此它必须与Particles.js（或应用于它的css）直接相关。

我在jsfiddle中创建了一个模型，一个显示了particles.js的问题，另一个显示了删除particles.js后的问题。

使用particles.js：http://jsfiddle.net/hsy8jbwc/2/

没有particles.js：http://jsfiddle.net/hsy8jbwc/3/

    #footer {position: relative; bottom: 0; width: 100%; height: 60px; line- 
    height: 60px; background-color: transparent}
    #footer .row {display:flex; align-items:center; justify-content: space- 
    around;}
    #footer-particles {position: absolute; height: 100%; width: 100%; background- 
    color: salmon; z-index: -1;}

    <footer id="footer">
       <div id="footer-particles"></div>
       <div class="container">
          <div class="row">
             <span class="text-muted">FOOTER</span>
          </div>
        </div>
    </footer>