0

残りのコンテンツとともに画像を div の下に配置する固定位置に div を作成する必要があります

私は自分の CSS を入れて、下に固定された位置header { margin-bottom: 310px; } に私の img があるスペースの下に空白を作成しました。div id="background"

それで、私は次のIDを作成しました：

#background {
position:fixed;
width:100%;
height:100%;
top:130px;
left:0;
z-index: 1;
overflow:scroll;

}

と

#content {
width:100%;
height:100%;
top:60px;
left:0;
z-index:2;
overflow:scroll;

}

id の背景は、ヘッダーの後の空白スペースに画像が配置される div であると想定されています。id コンテンツは、ページのコンテンツを配置する div であり、上から始まります。

ここのページ: http://fiddle.jshell.net/CGJmE/4/

私が達成したい効果はまさにこれです: http ://tommywebdesigner.com/Home%20Page.html しかし、divを使用して柔軟性を高めます。私の問題は、画像で固定された位置に div id の背景を正しく挿入できないことです。

この段階では非常に単純なことだと思いますが、どのようにしますか?

説明が明確であることを願っています

4

2 に答える 2

0

なぜあなたが をつけoverflow: scrollた#backgroundのか理解できません。本当に何もしません。
の と同じoverflow:scrollです#content。冗長です。
一般的に、私はあなたの問題が何であるかをよく理解していません: http://fiddle.jshell.net/CGJmE/6/あなたが示した場所
を追加しました。 もちろん、これにはまだヘッダーとコンテンツのスタイルがありません。（見苦しくないように追加しました）。 私はあなたがそれをどこかに持っていると思いますか？<div id="background"><img/></div>
background-color.container

さらにサポートが必要な場合は、問題の内容を詳しく説明してください。

于 2012-09-12T16:28:30.083 に答える
0

background-position: fixed でそれを行う必要があります

この jsfiddle でお見せしました: http://fiddle.jshell.net/CGJmE/7/

幸運を！

于 2012-09-12T16:22:59.300 に答える