Question

我似乎无法通过轨道来识别我需要用于背景的图像。我尝试的最后一件事是将我的css文件layout.css.scss重命名为layout.css.scss.erb，以便可以使用asset_path助手，但它不起作用。该图像位于app / assets / images目录中。 layout.css.scss.erb位于app / assets / stylesheets目录中。 css样式是：background-image：url（＆lt;％= asset_path'Jolie2.jpg'％＆gt;）;它位于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>

`

Answer 1

应该有效：

您使用的是最新的宝石sass-rails和链轮吗？
尝试将.css.scss重命名为.scss
尝试用image替换image-path（'Jolie2.jpg'） asset-url（'Jolie2.jpg'，image）或image-url（'Jolie2.jpg'）

Answer 2

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

在rails中使用背景图片

2 个答案: