1

我想把一张图片放在我博客的每篇文章的底部,但它没有显示出来。

该图像是我用来保存博客库存图像的较大“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 文件夹(样式表所在的位置)在同一个文件夹中。

提前致谢 :)

4

1 回答 1

2

可能是图片网址前面的三个点?

于 2013-03-14T17:45:49.480 回答