在 Rails 中使用背景图像答案

【问题标题】：Using background image in rails在 Rails 中使用背景图像
【发布时间】：2015-05-28 17:40:59
【问题描述】：

我似乎无法让导轨识别我需要用作背景的图像。我尝试的最后一件事是将我的 css 文件 layout.css.scss 重命名为 layout.css.scss.erb 以便可以使用asset_path 助手，但它不起作用。该图像位于 app/assets/images 目录中。 layout.css.scss.erb 位于 app/assets/stylesheets 目录中。 css 样式是： background-image: url();它位于 layout.css.scss.erb 文件的末尾附近。我正在发布整个文件以及显示图像的部分文件。请帮忙。

// layouts.css.scss.erb

@import "colors";
header#page-header {
  font-family:'Lobster', cursive;
  color: $secondary-color;
  background: $primary-color;
  border-radius: 5px;
  padding: 5px;
  h1 {
  text-align: center;
  text-transform: uppercase;
}
}

footer#page-footer {
  margin-top: 10px;
  font-weight: bold;
  text-align: center; 
  border-radius: 5px;
  padding: 5px; 
  color: $secondary-color;
  background: $primary-color; 
}

aside#page-sidebar 
{
  a:link 
  {
    color: black;
  }
  a:visited
  {
    color: black;
  }
  a:hover
  {
    color:#FFA68F;
  }
  font-weight: bold;
  margin-top: 5px;
  border-radius: 5px;
  float: right; 
  background: $primary-color; 
  width: 244px;
}
aside.image
{
  background-image: url(<%= asset_path 'Jolie2.jpg' %>);
  width: 244px;
  border-radius: 5px;
  margin-top: 5px;
  clear: both;
  float: right;
}

// _jolie.html.erb

<aside class="image">

</aside>

【问题讨论】：

我很高兴它对你有用

标签： css ruby-on-rails

【解决方案1】：

它应该可以工作：

您是否使用最新的 gem sass-rails 和 sprockets？
尝试将 .css.scss 重命名为 .scss
尝试将 image-path('Jolie2.jpg') 替换为 asset-url('Jolie2.jpg', image) 或 image-url('Jolie2.jpg')

【讨论】：

我的 gem 文件中没有“sprocket-rails”。我把它放进去，运行 bundle install 并尝试了你的建议，但没有运气。这是我的 gemfile: source 'rubygems.org' gem 'rails', '4.1.9' gem 'sqlite3' gem 'sass-rails', '~> 4.0.3' gem 'uglifier', '>= 1.3.0 ' gem 'coffee-rails', '~> 4.0.0' gem 'sprockets-rails', :require => 'sprockets/railtie' gem 'jquery-rails' gem 'turbolinks' gem 'jbuilder', '~> 2.0 ' gem 'sdoc', '~> 0.4.0', group: :doc gem 'spring', group: :development

【解决方案2】：

我通过指定 css height: 属性解决了这个问题。感谢您的建议

【讨论】：