css - CSS アンカー img ソースの設定

Question

次のようなリンクがあるとします。

                <a class="addthis_button_facebook"></a>

cssでこのリンクのimg属性を設定することは可能ですか?最終的には次のようになります:

<a class="addthis_button_facebook"><img src="twitter.png" /></a>

私が試したように

a img { 背景色: 黒; }

しかし、喜びはありません

Answer 1

アンカーに背景を設定しようとしていますか?

a.addthis_button_facebook { background:url('twitter.png') no-repeat; display:block; width:32px; height:32px; }

公平を期すために... FacebookボタンにはFacebookアイコンを使用する必要があります;）

Answer 2

アンカータグで背景画像を定義し、左にパディングを付けて、このように画像の高さに応じて行の高さを指定できます。

CSS

.addthis_button_facebook{
    background:url('http://dummyimage.com/50/000/fff.jpg') no-repeat 0px 0px;
    padding-left:60px;
    display:inline-block;
    line-height:50px;
}​

HTML

<a class="addthis_button_facebook">Hello this is your link</a>​

ライブデモはこちらhttp://jsfiddle.net/rohitazad/PQ4q2/

Answer 3

リンクの「img」属性はありません。

画像をリンクとして使用しようとしているだけなら、2 番目のブロックのようにimgタグをタグ内に配置してみaませんか?

CSS を使用して画像を背景として設定するには、次のようにします。

a.addthis_button_facebook {
    background-image:url('twitter.png');
}