こんにちは、誰かが私の問題を解決してくれることを願っています
ローカル コンピューターで自分の Web ページを開くと、すべて問題なく動作しますが、画像は表示されますが、Web ページをサーバーにアップロードするとすぐに画像が表示されません。
すべてのファイルの場所が正しい、すべてのファイル名が正しい、ファイルのアクセス許可、css ファイルが適切にリンクされている、画像が css ファイルに相対的に設定されていることを確認しました。
私はコードを JSFiddled しましたが、正常に動作します: http://jsfiddle.net/ySm2x/
しかし、それは私の Web サイトには表示されません - ここに私の Web サイトへのリンクがあります。
何が問題になる可能性がありますか?
私が使用したHTML&CSSコードの例は次のとおりです。
HTML コード:
<div class="social" height="40">
<a class="example" href="#" target="_blank">Example</a>
</div>
CSS コード:
.social {
text-align: center;
height: 40px;
width: auto;
}
.example {
display: inline-block;
width: 40px;
height: 40px;
background-image: url(image/url/relative/to/css/file);
text-indent: -99999px;
}
.example:hover {
background-position: 0 -40px;
}