Question

在这个网站上我有一个自动调整大小的BG，但我想在页面底部找到一个固定的黑条。

当浏览器最大化时，网站看起来很好但是当你向下缩放窗口并向下滚动时，黑条几乎完全消失，它看起来很乱。它没有正确定位。

我尝试了一些事情，但无法找到解决方案。有没有人有任何想法我应该怎么做？（也许我错过了一件小事，或者我需要从头开始，无论哪种方式，请帮助！）

注意：自动尺寸背景位于html标签中，黑色底部栏位于其自己的单独div标签“#black_bottom”

http://graves-incorporated.com/test_sites/gm_2012/

Answer 1

只需从height:100%移除#black_bottom即可absolute:position div height auto。

Answer 2

好的，所以我想我知道你现在要做什么。如果我的理解是正确的，您希望渐变背景延伸到内容框底部边缘上方约70-73px，在那里它会遇到延伸到窗口底部的实心灰色条，或者恰好位于底部圆形G的下方会徽，以较低者为准。我通过完全删除#black_bottom元素来完成此操作，为html元素设置纯灰色背景颜色以匹配底部条形图的颜色，并应用了body元素的圆形渐变背景。我还从#wrapper中删除了明确定义的高度，并给它一个负margin-bottom以允许黑条重叠它。我替换的样式如下所示。希望这更接近您所追求的目标：

html {
    background: #333;
}

body {
    background: url(http://graves-incorporated.com/test_sites/gm_2012/images/bg.jpg) no-repeat center center fixed;
    background-size: cover;
    height: 100%;
}

#wrapper {
    width: 960px;
    margin: 0 auto -136px;
    top: 20px;
    position: relative;
}

Answer 3

我相信你的一切包裹不正确。为什么您的<div id="black_bottom>包含从包装器到<div id="footer_wrap">的所有内容？

在我的页面上弄清楚绝对定位的图像

3 个答案: