Question

我想在我博客的每个帖子的底部放置一张图片，但它没有显示出来。

该图片是较大的“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;
}

我不知道它是什么我做错了。我认为精灵相当简单，但这个图像根本没有显示出来。

我想也许图片网址错了，但我很确定我的相对网址是对的（是的新手在这里啊哈哈） - img文件夹和我的css文件夹（样式表在哪里）都在同一个文件夹。

提前致谢：）

Answer 1

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

CSS Sprite没有显示出来

1 个答案: