イメージを一般的なリンクバックグラウンドとして使用する

Question

イメージをすべてのリンクのバックグラウンドとして使用するにはどうすればよいですか？私はボタンを表す素敵なボックスを持っていますが、これを理解することはできません。私が試してみました

：

a { 
    font-size: 40px; 
    background: url('images/shooting-stars/shooting-star-link.png') no-repeat left top; 
} 

しかし、これは動作していない、画像が表示されていません。

Answer 1

「をイメージに正しいファイルパスを持っていますボタンを表す素敵なボックスですが、私はこれを理解できません。 " - 私はこの部分を理解していません。

とにかく、あなたのCSSはここからうまく見えますが、イメージは存在しますか？あなたは、常に画像を表示したい場合は、テキストが短くても、あなたが設定する必要があり

http://jsfiddle.net/3k9nm/

：これは正確に同じコード、私は存在すると確信しているだけの画像との実施例でありますリンクの最小幅。これは、インラインブロックでなければならないことを意味します。通常のリンク（インライン要素）には幅を設定できません。

a { 
    display: inline-block; 
    min-width: 25px; 
} 

（25ピクセルがランダムに選ばれた、あなたの背景画像の幅を記入。）

Answer 2

2つのことを試してみると、実際には何かのテキストがありますか<a>？そして、あなたはFirebugのを使用している場合、あなたはあなたを確認することができます間違いなく...私が持っていると思います

Answer 3

HTML

<div id="example-link"> 
    <a href="#">Link to journal article</a> 
</div> 

CSS

#example-link a { 

    background: url('images/shooting-stars/shooting-star-link.png'); 
}