css 未在 rails 上加载图像资源 4

Question

我正在尝试显示我的资产图片中的一张简单图片。我按以下方式尝试：

#head {
background: #181015 url( ../images/header_bg.png) no-repeat;
background-size: cover;
min-height: 520px;
text-align: center;
padding-top: 240px;
color: white;
font-family: "Open sans", Helvetica, Arial;
font-weight: 300;
}

在我的 assets/images 文件夹中还有其他图片。如果我设置其他图像，那么它工作正常。但是，如果我尝试加载上面的图像，则它无法加载该图像。我将以下内容放入我的 environments/development.rb

config.assets.debug = true
config.assets.compile = true
config.assets.precompile = ['*.js', '*.css', '*.css.erb']

我也运行 bundle exec rake assets:precompile 但它也无法加载该图像。该图像没有任何问题。因为我尝试使用具有相同 css 的简单 html 页面，效果很好。我错过了什么吗？需要一些帮助。

Answer 1

您是否尝试过使用 image-url 而不是 url。您可能需要将路径更改为 "header_bg.png"（而不是包含图像目录）

我的一个例子：

您是否也尝试过重新启动服务器以查看是否是这个原因？

Rails 有时处理资产的方式与将其与基本 css 链接时不同。您可能还想查看文档：

http://guides.rubyonrails.org/asset_pipeline.html

大致围绕第 2.3.2 节

css 未在 rails 上加载图像资源 4

css not loading image asset on rails 4

html

css

ruby-on-rails

image

assets