1

我有 CSS 导航

.navigation{
    float:right;
    width:718px;
    background-image:url('http://inauguralseason.com/images/nav.png');
}

.navigation ul {
    float: right;
    list-style-type: none;
    margin: 0;
}

.navigation li {
    float: left;
}

.navigation ul a {
    color: #FFF;
    display: block;
    padding: 0 65px 0 0;
    text-decoration: none;
}

但是背景图像没有出现，当我删除这一行时

.navigation li {
    float: left;
}

出现背景图像，但我的导航未水平对齐。

有任何想法吗？

这是HTML

<div class="navigation">
<ul>
<li><a href="#">Shop</a></li>
<li><a href="#">Our Collection</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">News</a></li>

</ul>

</div>

谢谢

4

1 回答 1

2

检查这个小提琴。

图像在那里。只是容器（在本例中为 div）不够高，无法显示图像。所以你只看到图像的顶部。

通过强制容器的高度（可能与图像的高度相同），您将显示整个背景图像。

于 2012-09-22T03:45:12.387 回答