我想把一张图片放在我博客的每篇文章的底部,但它没有显示出来。
该图像是我用来保存博客库存图像的较大“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 文件夹(样式表所在的位置)在同一个文件夹中。
提前致谢 :)