5

プロジェクトに Foundation を使用しており、左上隅の「SITENAME」の直前に小さなアイコンを追加しようとしています。私はこのcssを試しました：

.top-bar .name h1 a:before {
    background-image: url('images/logo.png');
    background-size:18px 18px;
    background-repeat: no-repeat;

}

しかし、うまくいかないようです。画像のパスは正しいです。

html は次のとおりです。

<nav class="top-bar" id="mainmenu">
    <ul class="title-area">
        <li class="name">
            <h1><a href="/site">SITENAME</a></h1>
        </li>
        <li class="toggle-topbar menu-icon"><a href="#"><span></span></a></li>
    </ul>
    <section class="top-bar-section">
    </section>
</nav>

foundation.cssをハッキングせずにシンプルなアイコン/画像を追加するにはどうすればよいですか?

4

1 に答える 1