css后台重复不起作用

我有一个名为navigation的css类，它将保存一些链接，当我添加一些额外的链接时，它将从左向右移动，然后再次到达LHS的底部。我使用背景重复：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;
}

---

你的HTML是什么样子的？您说您有一个名为navigation的类，但您的选择器语法是ID

为了让CSS如图所示工作，您应该有

<div id="navigation">...</div>

。。。

将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; }

---

@鲁本，你在你的

ul

中给出了

float

，所以你可以清除它

#导航

像这样：

#navigation {
    overflow:hidden;
}

---

我想这对你没什么帮助。是的。它代表一个id。我从一个vm文件调用它，代码如下：但我从一个div调用它，即@Sandip。。该图像仅从左侧渲染约4或5个像素。。。在添加那一行之后。你能展示你的html代码以便更好地理解并尽早给出反馈吗。这是一个velocity宏文件。。。

foreach（$nav_item.isSelected（））if（$nav_item.isSelected（））set（$nav_item_class=“selected”）#else（$nav_item_class=”）set（$nav_item_class=”）end
• #if（$nav_item.haschilds（））
  \35; foreach（$nav_child in$nav_item.getu item（））
  • …@sandip如果我像背景一样重复：重复；而不是背景重复：repea-y；具有可见性：隐藏