![](/img/trans.png)
[英]Why won't my footer show up in the right area? Can I affect the CSS?
[英]My Icons won't show up on my post 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 – {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
使用您在pastebin上发布的代码,实际上我正在获取时间戳的图像
请详细说明开发环境
我试图在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失败
可能这会对你有所帮助。
检查根文件夹中的.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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.