Question

Post with footer

你看到页脚，应该有图标，但它们没有显示，而是你看到那些空方块。我怎样才能让他们出现。

这是我的页脚html：

<footer class="gradient">
    <div id="inf-{PostID}" class="post-inf">
        <div class="accordion-group post-meta">
            <div id="meta-{PostID}" class="meta-links clearfix collapse in">
                <div class="timestamp"><a href="{Permalink}" data-toggle="tooltip" data-placement="top" data-trigger="hover" title="View Post &ndash; {lang:Posted at FormattedTime}"><i class="icon icon-time"></i><span> {TimeAgo}</span></a>
                </div>
                <div class="note-count"><a href="{Permalink}#notes" title="{lang:This post has NoteCount notes}"><i class="icon icon-heart"></i><span> {NoteCount}</span></a>
                </div>
                <div class="reblog"><a href="{ReblogURL}" title="Reblog"><i class="icon icon-retweet"></i><span> Reblog</span></a>
                </div>{block:Photo}
                <div class="highres"><a href="{PhotoURL-HighRes}" title="{lang:View high resolution}"><i class="icon icon-picture"></i><span> High-Res</span></a>
                </div>{/block:Photo}
                <div class="share-open"><a data-toggle="collapse" data-parent="#inf-{PostID}" href="#share-{PostID}" title="{lang:Share this}"><i class="icon icon-share"></i><span> Share</span></a>
                </div>
            </div>
        </div>

我正试着让图标显示出来：

.index-page .grid article.minimal.type-photo footer .post-meta .meta-links .timestamp {background-image: url ('http://static.tumblr.com/rlvxgqe/0G8mt9ogs/questionmark.png');}

还试过这个：

#inf-{PostID}#meta-{PostID} .timestamp .icon.icon-time {background-image: url ('http://static.tumblr.com/rlvxgqe/0G8mt9ogs/questionmark.png');}

这些都不起作用，我猜我不是针对正确的锚吗？有人可以帮我吗？非常感谢！

以下是完整的HTML代码，如果它有帮助：http://pastebin.com/Q5m14Qk1

Answer 1

使用您在pastebin上发布的代码，实际上我正在获取时间戳的图像

enter image description here

请详细说明开发环境

Answer 2

我试过在firefox中检查它，我发现FF无法获取字体。以下是错误。

Error: downloadable font: download failed (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:0): bad URI or cross-site access not allowed
source: http://static.tumblr.com/t7rbpdb/vMImkggx7/fontawesome-webfont.woff?v=3.0.1
Source File: http://static.tumblr.com/t7rbpdb/UDlmkgnsv/bootstrap.min.css
Line: 0
Source Code:
@font-face {   font-family: "FontAwesome";   font-style: normal;   font-weight: normal;   src: url("http://static.tumblr.com/t7rbpdb/vMImkggx7/fontawesome-webfont.woff?v=3.0.1") format("woff"); }

在搜索此错误后，我找到了以下帖子。

firefox @font-face fail with fontawesome

可能会对你有帮助。

Answer 3

检查根文件夹中的.htaccess以及子目录中的.htaccess。将以下代码应用于适当的.htaccess文件。

Order deny,allow
Deny from all
<Files ~ ".(xml|css|jpe?g|png|gif|js|svg|woff|ttf|eot|woff2)$">
Allow from all
</Files>

我的图标不会显示在我的帖子页脚上

3 个答案: