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 に答える