0

ソーシャルアイコンに3つの画像ロールオーバーがあります。HTMLは次のとおりです。

<ul class="social">
    <li><a class="html5" href="#html5"></a></li>
    <li><a class="twitter" href="#twitter"></a></li>
    <li><a class="facebook" href="#facebook"></a></li>
</ul>

CSS：

ul.social {
    list-style-type:none;
    margin:0;
    padding:0;
}

li.social {
    display:inline;
}

ロールオーバーは正常に機能します。インラインナビゲーション（ul="social"）が失敗し、垂直方向にのみ表示されているだけです。私は何が間違っているのですか？

4

1 に答える 1

1

を使用してli.socialいますが、が必要.social liです。また、に変更display: inlineすることをお勧めしますdisplay: inline-block。

于 2013-03-10T15:54:48.983 に答える