html - 背景画像をコンテナに継続させるにはどうすればよいですか

Question

次のサイト: http://bit.ly/1gEehw2

ヘッダーが本文と .container div に続くようにするには、背景を取得する必要があります。コンテナーを別の div でラップし、マージン/パディングをパディングして背景を透明にしようとしましたが、うまくいきませんでした。また、これを解決するために z-index を使用しようとしましたが、それもうまくいきませんでした。

誰かが私が間違っていることについて洞察を与えることができますか?

Answer 1

私はあなたのコードの一部を変更して作業しました。最初にヘッダーの高さを大きくします:

.header{
height: 500px;
}

およびその子background:#fffのようなアイテムから多くのCSSをクリアします.jbcbackground

この CSS を本体要素に追加します (負の margin-top を指定します)。

.jbcbackground {
margin-top: -250px;
position: relative;
z-index: 100;
}