如何更改背景图像大小

Question

我的网址：http://www.dreambelle.com/

滑块下面的文本和侧边栏后面的背景图像(白色主栏，灰色侧栏)放置得太低。您可以在侧栏内容后面滑块的右侧看到此问题...

问题是，我不知道如何通过css向上移动背景图像，而不是向上移动整个正文内容？

背景图像是从一个小的条形图渲染出来的(附件)

Answer 1

您需要做这两件事(使#featured_body具有较小的高度)，并调整#侧边栏上的边距

我已经在FF5中测试了以下内容：

// Remove 10px from the #featured_body height
#featured_body {
    background: url("images/bgr_board.png") repeat scroll 0 0 transparent;
    float: left;
    height: 356px;
    margin: 0 12px;
    padding: 0;
    width: 618px;
}

// Add 10px to the sidebar top margin
#sidebar {
    float: left;
    height: auto;
    margin: -375px 0 20px;
    padding: 0;
    width: 332px;
}

Answer 2

之所以会发生这种情况，是因为您的div#content将background-image放在您的div#featured_body下面，这会将它向下推。

在我看来，你有两个选择：

1. 使div#featured_body沿高度方向变小，以便bg图像与twitter div或
2. 对齐，并在nav下的所有内容周围放置另一个wrapper div，并将background-image添加到其中。(也就是说，如果您希望bg-img延伸到页面顶部)。