css 背景重复不起作用

Question

我有一个名为 navigation 的 CSS 类，它将保存一些链接，当我添加一些额外的链接时，它将从左到右移动，然后再次到达 LHS 的底部。我使用 background-repeat: repeat-y;和高度:自动；但是图像没有重复，而是出现了白色背景。我正在研究 IE8。 CSS 代码如下:

#navigation {
    background: url(../images/custom/lite/navigation_bg.gif);
    border-top: 7px solid #455660;
    height: auto;
    background-repeat:repeat-y;
}

#navigation ul,
#add-page {
    float: left;
}

#navigation a {
    color: #FFF;
    display: block;
    font: 14px/56px Arial,Helvetica,sans-serif;
    font-weight:bold;
    height: 50px;
    padding: 0 24px;
    text-decoration: none;
}

#navigation a:hover {
    color: #000;
}

 #navigation .selected a {
    color:#000
}

 #navigation .selected a {
    font-size: large;
    text-transform: uppercase;
}

Answer 1

@reuben，你在 ul 中给出了 float，所以你已经清除了它 #navigation

像这样:

#navigation {
    overflow:hidden;
}

希望对你有帮助