2016-04-12 7 views
2

重複しているか無効であると投票しないでください!particle.js overlapping issue(キャンバスサイズ)

私が取り組んでいるプロジェクトには、Bootstrapテンプレートでparticle.jsを使用しようとしています。私はbody-js divをbodyタグの直後に保ち、particle-js div内のコンテナを作成しました。これは私のウェブサイトのボディの残りの部分の親でした。同様の問題である

http://www.stackoverflow.com/questions/27679115/issue-with-putting-div-over-another-div

:粒子は、ウェブサイトの下部に現れた後、私は私がでたすべてのものを試してみました。しかし、それは私にとってもうまくいきませんでした。私はすべての解決策を試してみました。私は今、2日間立ち往生しています。 ご協力いただければ幸いです!

ayrus.org/test/ - >問題がどのように見えるのかを知りたい方に!

+1

一見無作為リンクにはならないので、エラーが疑われる例または特定のコードを持ち越してください。 – Bloodied

+1

私はそれを行う方法がわかりません、エラーは、長さのために持ち越すことができない要素の位置とは何かがあります、あなたに私のコードを送信するいくつかの他の方法はありますか? –

+1

ウェブサイトのいくつかの部分を修正しましたが、絶対的な要素がモバイルデバイス上の絶対的でない要素と重複し始めたので、 –

答えて

4

私はそれを修正することができました。particle.jsが使用するcanvas要素は、particle.min.jsから高さと幅を継承していました。そのファイルで100%を検索し、値を定義した行を削除しました!次に私は使用しました

canvas { 
    display: block; 
    vertical-align: bottom; 
    height: 80vh; 
    width: 100vw; 
    background-attachment:fixed; 
} 

私は必要に応じてサイズを調整する! これは誰かを助けてくれることを願っています!