RoR3—图像路径错误

Question

我有一个注释气泡的图像，显示在文章p标记内的索引页上，该标记显示添加了多少注释。RoR3一直在犯错误，这让我很困惑！？

出于某种原因，它在路径stylesheets/images/comment.png中查找，而根据Ruby代码块，它应该只在/images/comment.png中查看。关于我哪里出了问题，有什么建议吗？

_article.html.erb

<div class="article_header">
<b>Article Title: </b> <%= truncate(article.title, :length => 50) %> 
<div class="com-bub">
<img src="/images/comment.png"/>
</div>
<div class="com-cnt">
<%= article.comments.count %>
</div>

css：

.com-bub {
float:right;
background: url('images/comment.png') no-repeat;
margin: -8px 16px 0px 0px;
}

错误：

SQL（0.2ms）SELECT COUNT（*）FROM"articles"WHERE（published='t'）渲染布局/foter.html.erb（1.5ms）渲染布局/usernav.html.erb（1.3ms）布局/应用程序中的渲染文章/index.html.erb（190.1ms）在289毫秒内完成200 OK（浏览量：193.7ms |活动记录：3.6ms）

2011年5月27日星期五13:44:43+0100 开始获取127.0.0.1的"/stylesheets/images/comment.png"

2011年5月27日星期五13:44:43+0100 开始获取127.0.0.1的"/stylesheets/images/comment.png"

2011年5月27日星期五13:44:43+0100 开始获取127.0.0.1的"/stylesheets/images/comment.png"

2011年5月27日星期五13:44:43+0100 开始获取127.0.0.1的"/stylesheets/images/comment.png"

ActionController:：RoutingError（没有与"/stylesheets/images/comment.png"匹配的路由）:

渲染/opt/local/lib/rube/gems/1.8/gems/actionpack-3.0.5/lib/action_dispatch/middleware/templates/rescues/routing_error.erb救援/布局内（0.7ms）

Answer 1

您的路径不正确，应该是：

background: url(/images/comment.png) no-repeat;

您需要前导/，就像在标记中一样，也不需要css中的tick。

Answer 2

使用相对链接：

background: url(../images/comment.png) no-repeat;

这将考虑部署到子URI的场景（例如：www.example.org/myapp/）