1

ページの左下に画像を添付したままにしようとしていますが、How to keep background image on below left even scrollingとは異なり、ユーザーがスクロールするときに画像を追跡したくありません。

ウィンドウ全体を #wrap で埋め尽くすことに何か関係があるような気がしますが、その方法がわかりません。

スタイルシートに次のコードを追加して、正規化を使用しています。

body {
    background-image:url('/img/graph-paper3.png');
    background-repeat:repeat;
}

#container {
    width:960px;
    margin:0 auto;
}
#sidebar {
    float:left;
    width:310px;
    padding:10px;

}

#main {
    float:right;
    width:610px;
    padding:0 10px 10px 10px;
    margin-top: 40px;
    background-image:url('/img/top.png');
    background-repeat:no-repeat;
    background-position:top center;
}

#paper {
    margin:40px 0 147px 0;
    padding:20px;
    background-color:#ffffff;
    min-height:400px;
}

#footer {
    clear:both;
    padding:5px 10px;

}
#footer p {
    margin:0;
}

#wrap {
    background-image:url('/img/jeremy-david.png');
    background-repeat:no-repeat;
    background-position:left bottom;
}

コードの動作はhttp://www.jeremydavid.comで確認できます。

4

2 に答える 2

2

どうですか：

.bottom-image{
    position: absolute;
    bottom: 0px;
    left: 0px;
}

これにより、画像がページに絶対に配置されます。(別の絶対または相対または固定配置要素の子でないことを確認してください)。

于 2012-05-19T06:54:35.853 に答える
1

使用する

.bottom-image {
  max-width: //some % 
  z-index: -100;
  position: fixed;
  bottom: 0px;
  left: 0px;
}

使用することもできます

#wrap{ //your main #wrap container
  background: url('/img/jeremy-david.png') no-repeat bottom left;
}
于 2012-05-19T07:09:11.633 に答える