0

ページに背景画像を表示する方法を変更して、柔軟性を高めたいと考えています。

section id="home"画像が表示されている瞬間の私のCSSコードは次のとおりです。

background-image: url("/img/architecture.jpg");
background-attachment: fixed;
background-position: center 1115px;
height: 350px;
width: 100%;
margin-top: 35px;
box-shadow: 2px 1px 6px 0 #888888 inset;

私は同じことをしたいのですが、この方法で：同じ位置にあるこの背景画像で固定された位置にdivを作成し、Webページのコンテンツの上に別のdivを配置します（絶対位置に？）。それは可能ですか？どうすればそれを達成できますか？説明が明確であることを願っています

ここに私のページ: http://tommywebdesigner.com/Home%20Page.html また: http://fiddle.jshell.net/CGJmE/

4

1 に答える 1

0

私は次のように思います：

<div id="background">...background stuff here...</div>
<div id="content">...content here...</div>

CSSで：

#background 
{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index: 1;
    ...other styles...
}
#content
{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:2;
    overflow:scroll;
    ...other styles...
}

開始する場所になります。

于 2012-09-11T10:46:11.337 に答える