背景画像はウェブページ全体をカバーしていません

タイトルのとおり、私の背景画像はページ全体をカバーしていません。私は運がないと様々な設定で回ってきた。ここで背景画像はウェブページ全体をカバーしていません

は、CSSとHTMLコンテンツへのリンクです：

2017-12-03 Jake

内のすべてのHTMLタグを入れてHTML

の残りの部分を含まないです。私は途中で作ったドロップダウンメニューが好きです;）。 – RMo

あなたのページはGoogle Chromeで大丈夫と表示されているので、高さが問題であると私は思っています。 – RMo

スクロールしてもバックグラウンドをそのまま残しておきたい場合は 'position：fixed'を使います。 – RMo

私はcorrectyleを理解していた場合、問題は、スクロールダウンしたときに、画像が残りをカバーしていないということですページのこれは非常に簡単に修正できます。あなたのCSSファイルでは、position: absoluteをposition: fixedに置き換えてください。

#animatedBackground { 
    position: fixed; 
}

2017-12-03 02:38:13 edvilme

イメージはページ全体をカバーしますが、イメージはもはや左右にスクロールしなくなります。 – Jake

それはあなたの問題を解決しますbodyタグ内

html, body { 
    font-family: "Trebuchet MS", sans-serif; 
    margin: 50px; 
    background: url("clouds.png"); 
}

をあなたの背景を追加します。

2017-12-03 02:44:07

イメージはページ全体をカバーしますが、イメージはもはや左右にスクロールしなくなります。 – Jake

問題がDIV＃1 animatedBackgroundあなたは高さVHユニットを使用したいdiv id ='animatedBackground'

<div id="animatedBackground"> 
    // All other including div#accordion,fieldset,form 
</div>

2017-12-03 02:52:49 brk

答えて