0

サイトのホームページを完成させるのに少し苦労しています。

サイト: www.crookednosebeer.com

ホームページにアクセスすると、本来あるべき姿に見えますが、フッターまでスクロールすると、メインの背景とビール瓶が続きます。それらをそのままにして、ビール瓶がフッターの切り落とされた真上にくるようにしたいだけです。

CSS:

body{
height: 100%; 
width: 100%;
background-color: #b2b2b2;
background: url(../images/trial3.gif) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


/*HERE iS BOTTLE IMAGE */
.smoke {
position: fixed;
bottom: 0;
right: 0;
}

#footer{
height: 125px;
background: #333333;
width: 100%;
overflow:auto;
}
4

2 に答える 2

1

fixed体のbackgroundプロパティと.smokeクラスから単語を削除するだけです。

編集

私はそれを理解したと思います。Chrome を実行しており、Firefox 15 と IE8 で試しました。position:absoluteそれらはすべて、.smokeクラスとdivposition:relativeに追加するときに求めている方法で機能するようです。#footer

ここで私のjsFiddleをいじることができます。結果は次のとおりです。

于 2013-02-27T14:55:24.943 に答える
0

を装着position:relativeして#main DIVに変更width:1350pxするとwidth:100%、垂直スクロールバーの問題も修正されます!

于 2013-02-27T15:50:22.560 に答える