0

CSS を使用して背景画像を設定しようとしていますが、画像を正しく設定できないようです。

これが私がやりたいことのCSSです

 a.fb {
   background-image: url('img/Facebook.png');
 }

 a.fb:hover {
  background-image: url('img/FacebookHover.png');
 }

これが私が使用しているhtmlコードです。運が悪い画像を作成するためにいくつかの異なる方法を試しました

<div class="footer">
     <a class="fb" href="http://www.facebook.com" target="_blank"></a>
</div>

どんな助けでも大歓迎です

さて、次を追加しましたが、まだ他の考えはありません

 a.fb {
    display:block;
    width: 33px;
    height: 33px
    background-image: url('img/Facebook.png');
 }

編集：はい、それが機能するようになりました;を忘れました 高さの後ですが、いいえ、その周りに白い境界線が表示され、border: none; を設定しようとしました。運がない

a.fb {
    border: none;
    display:block;
    width: 33px;
    height: 33px;
    background-image: url('img/Facebook.png');
 }
4

4 に答える 4

7

アンカー タグはデフォルトでインライン要素として表示されるため、高さと幅を取得するためにコンテンツに依存します。やりたいことを行うには、いくつかのスタイルを追加する必要があります: display:block; width: 20px; height: 20px.

于 2013-06-28T17:24:33.217 に答える
1

background-image要素が占有するスペースにのみ描画します。タグaにはコンテンツがないため、幅は 0 です。少なくとも幅 (および必要に応じて高さ) を指定するまで、コンテンツ (および背景) は表示されません。

于 2013-06-28T17:25:30.093 に答える