html - CSS 清理定位

Question

我在完成我的网站主页时遇到了一些麻烦。

网站：www.crookdnosebeer.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;
}

Answer 1

只需fixed从您的身体background财产和.smoke班级中删除该词即可。

编辑

我想我想通了。我正在运行 Chrome，并在 Firefox 15 和 IE8 中进行了尝试。position:absolute当您添加到.smoke类和div时position:relative，它们似乎都按照您要求的方式工作。#footer

你可以在这里玩我的jsFiddle，结果如下。

Answer 2

如果您戴上position:relative并#main DIV更改width:1350px为width:100%，那也将解决您的垂直滚动条问题！