25

メニューバーにリンク付きの画像を表示したい。私のコードは以下の通りです：

  <a href="#" class="login" title="Login"></a>

css のログイン クラスは次のとおりです。

   .login{background: url(../img/user.png) no-repeat 6px center;}

しかし、ブラウザで画像を表示できません。私が試してみたら

   <a href="#" class="login" title="Login">Login</a>

画像が背景に表示されます。しかし、テキストではなく画像のみを使用したい。どうやってやるの？

4

4 に答える 4

28

aタグに寸法を設定し、 に設定する必要がありますdisplay: block;。

.login {
  background: url(../img/user.png) no-repeat 6px center;
  width: 100px;
  height: 100px;
  display: block;
}

もちろん、寸法を正しいものに置き換えます。

aまたは、次のように画像をタグに直接配置することもできます。

<a href="#" class="login" title="Login"><img src="../img/user.png" /></a>

于 2012-12-08T17:15:51.487 に答える
8

以下を使用できます。

<a href="#" class="login" title="Login"><img src="../img/user.png" /></a>

編集:これは、CSS から背景画像を削除する必要があることを意味することを忘れていました。

于 2012-12-08T17:15:55.930 に答える