なぜbg-containerの位置を絶対値に設定するのですか？

Question

position: absolute

delete position property

私はクロームで、このページをテストし、私はBG-容器に使用される位置プロパティについて混乱していますが、私は、このプロパティを削除すると、背景画像（コークス）が消え、何問題、私は位置プロパティが背景画像に関係していないと思った。 コードが

.bg-container { 
     overflow: hidden; 
     position: absolute; 
     width: 100%; 
     height: 100%; 
     background-image: url('../../../../Content/themes/segmentedexecution/images/home-bg.jpg'); 
     background-size: cover; 
     background-position: center center; 
    } 

Answer 1

以下のように見えません、position: absoluteは、背景画像には影響ありませんが、それは背景を持つ要素の位置に影響を与えることができます。

アブソリュートに配置された要素がページフローから取り出されます。したがって、それはあなたの例で起こっていると私が信じている他の要素の上または下に置くことができます。 bg-containerがページ上の他の要素と同じスペースにあるためには、絶対配置されます。 position: absoluteを削除すると、ページフローの一部になり、ページの内容の下にラップされます。親要素にoverflow: hiddenと組み合わされていると、それは消えてしまうようです。