0

带页脚的帖子

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

这是我的页脚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

4

3 回答 3

1

使用您在 pastebin 上发布的代码，我实际上得到了时间戳的图像

在此处输入图像描述

请详细说明开发环境

于 2013-09-17T12:32:39.047 回答
1

我试图在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 因 fontawesome 而失败

可能这会对你有所帮助。

于 2013-09-17T12:40:18.877 回答
0

检查根文件夹中的 .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>
于 2015-02-20T12:50:04.700 回答