-3

関連する JSFiddle - http://jsfiddle.net/Efqda/

CSS -

.social img {
    width: 128px;
    height: 128px;
    opacity: .5;
}

.social img:hover {
    opacity: 1.0;
}

.social #facebook img {
    content: "https://raw.github.com/danleech/simple-icons/master/icons/facebook/facebook-128-black.png";
}

HTML -

<a href="facebook.com"><img class="social" id="facebook"></a>

画像が表示されるようにするにはどうすればよいですか? コンソールにエラーは表示されません。

4

7 に答える 7

1

以下を使用します 

 img.social {
    background :url(/facebook-128-black.png) no-repeat;
    width: 128px;
    height: 128px;
    opacity: .5;
}
于 2013-08-03T07:06:55.560 に答える
0

あなたの問題はurl()、CSS のコンテンツとリンクで画像 URL を囲む必要があることでした。クラスまたは ID のいずれかを使用しますが、両方を使用することはできません。

スタイルシートによると.social #facebook img

socialidfacebookを持つ要素があり、要素の中にクラスがありますimg。

ここでは、CSS スタイルに一致する例を確認できます。JSFiddle

ここに簡単な解決策があります JSFiddle

インラインCSSも使える

<a href="facebook.com">
    <img class="social" id="facebook" style="content: url(https://raw.github.com/danleech/simple-icons/master/icons/facebook/facebook-128-black.png&quot;);"/>
</a>
于 2013-08-03T07:19:22.080 に答える
0

ここにJSFiddleがあります

.social #facebook img {...}asを変更してください#facebook {...}

画像のURLをimgタグIDに設定する必要があるため

またcontect:...、content:url("");

画像を取得する必要がある場所からコンテンツの URL を設定する必要があるためです。

お気に入り

#facebook {
  content: url("https://raw.github.com/danleech/simple-icons/master/icons/facebook/facebook-128-black.png");
}
于 2013-08-03T07:10:31.933 に答える
0

css を使用すると、バックグラウンド イメージを設定することができます。

js では src 属性を設定できます。

于 2013-08-03T07:11:17.023 に答える