0

我有CSS代码：

#container {
    background: url("/static/img/fauxColumns1.png") repeat-y;
    overflow: hidden;
    width: 100%;

, 应用于一个 div。这会导致 div 图像重复到页面底部。

在页面顶部我有一个 div：

#navbar {
    background-color: silver;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    margin-bottom: 10px;
}

，它成功地在其下方创建了 10px 的边距。

但是，我也有一个 div：

#footer {
    background-color: silver;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    clear: both;
    text-align: center;
}

，但如果我使用 ' margin-top: 10px' 这不会成功创建边距，因为 'fauxColumns' 会扩展以覆盖间隙。

那么，有谁知道如何解决这个问题？

编辑： http: //jsfiddle.net/Tj3jH/1/ 但是，我不知道如何添加我的 img 文件，即 fauxColumns.png （我想我必须将它上传到其他网站并链接它？）我试过了解决 whiteLine10px.png 的问题，但还没有得到任何结果......

4

1 回答 1

1

与您根据小提琴对@s_qw23 的回应不同#footer，实际上它是容器的子项。

移出解决您#footer的#container问题。（我只是用 bing 来抓取背景图片......虽然我怀疑它会产生影响，但您需要测试以确保）

工作的jsFiddle

于 2013-04-26T22:20:57.643 回答