Application.css 文件不会在 Rails 中显示徽标 [重复]答案

【问题标题】：Application.css file will not display logo in Rails [duplicate]Application.css 文件不会在 Rails 中显示徽标 [重复]
【发布时间】：2015-05-03 01:16:46
【问题描述】：

我对开发还很陌生，并且一直将大量时间集中在 Ruby on Rails 中的 Web 项目上。我的application.css 文件有一些问题。

据我了解，此文件将用于将基本布局应用于我的所有视图。所以，我想将我的网站徽标添加到页面的左上角。我目前将图像存储在我的public 文件夹中，而我的application.css 文件位于/app/assets/stylesheets 文件夹中。我已经尝试了很多方法来让它发挥作用，但都没有成功。

这是我在 .css 文件中的内容：

body {
    background-color: #000000;
    background-image: url("../public/tpllogo.png");
    background-repeat: no-repeat;
    background-position: left top;
    font-family: 'Courier New', courier, monospace;
 }

我对此 css 测试所做的所有其他更改都很好（更改后更新的一些小问题）。

【问题讨论】：

您的 logo.png 文件在哪里？
url("../tpllogo.png");
这个问题已经回答了。检查此链接：stackoverflow.com/questions/16877353/…
它在我的公共文件夹中。

标签： css ruby-on-rails ruby sass

【解决方案1】：

只需将background-image: url("../public/tpllogo.png"); 更改为
background-image: image-url('tpllogo.png');

【讨论】：

所以您同意这应该作为被标记为重复的问题的重复而关闭？（提示：重复的不应该回答）

【解决方案2】：

为了做到这一点，最简单的方法是使用 Bootstrap。

首先将这一行添加到 /app/assets/javascripts/applications.js 中，如下所示

//= require bootstrap

如果不包含 Bootstrap Sass gem：将以下行添加到您的 Gemfile -

gem 'bootstrap-sass', '~>3.0.3.0'

完成后，将以下行添加到（如果文件不存在，请创建它） - /assets/stylesheets/custom.css.scss

@import "bootstrap";

现在您已全部设置完毕您可以添加一个导航栏，它将您的徽标保留在您想要的位置 从引导文档中查看此示例：http://getbootstrap.com/components/#navbar

您的标志的重要部分是这一行：

<a class="navbar-brand" href="#">Brand</a>

【讨论】：

这与提出的问题有什么关系？
标志放置、css、sass、编译和预编译。
您知道问题是背景图片没有加载，对吧？添加 Bootstrap 将如何解决这个问题？
不，我将其视为 CSS 放置问题。 @Misanthropos 从来没有说图片没有加载。
即使这是真的，对于只需要 3 行 CSS 的东西来说，添加 Bootstrap 也是一种过度杀伤力。（相关：meta.stackexchange.com/questions/45176/…）