ブログのすべての投稿の下部に配置したい画像がありますが、表示されません。
この画像は、ブログのストック画像を保持するために使用している大きな「icons.png」ファイルの一部であるため、スプライトとして配置することにしました（とにかく他のアイコンに対してそれを行う必要があるため） ）。
HTML：
<section class="footnote">
<p>This article is my <?php echo numeral(article_id()); ?> oldest. It is <?php echo count_words(article_html()); ?> words long, and it’s got <?php echo total_comments() . pluralise(total_comments(), ' comment'); ?> for now. <?php echo article_custom_field('attribution'); ?></p>
<div class="sprite article-ender" ></div>
</section>
CSS：
.sprite {
background-image: url(".../img/icons.png");
display: block;
}
.sprite.article-ender {
margin-top: 1em;
background-position: -63px -563px;
width: 46px;
height: 99px;
}
何が間違っているのかわかりません。スプライトはかなりシンプルだと思いましたが、この画像はまったく表示されていません。
画像のURLが間違っているのではないかと思いましたが、相対URLは正しいと確信しています（ここでは初心者です）。imgフォルダーとcssフォルダー（スタイルシートがある場所）は同じフォルダーにあります。
前もって感謝します ：）