Javascript 将rails路由调用到CSS中（在haml中）

=@photo.image.url

（在haml中）将根据视图编译图像的url

我想使用下面CSS中的标签生成的图像链接-但这不起作用

#BG {
  background: url( HERE!!! ) no-repeat center center fixed;
  -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 400px;
}

我已经在页面上直接尝试了javascript，用一个新的图像替换一个硬连接的图像来测试它。。。但那没用。我已经使用了下面的代码，并尝试了许多不同版本的代码

:javascript
  document.getElementById('BG').style.background = "url('newimg.jpg') no-repeat center center fixed"

以下是将使用的Haml代码：

 #BG
  This div should have the image as a background
  %p= @photo.title
.container
  .jumbotron

---

我需要一个解决方案，将图像url放入背景url中，插入值

@photo.image.url

，并将其添加到字符串中

在HAML中呈现标记时

#BG{style: "background: url(#{@photo.image.url}) no-repeat"}

或

CSS

---

如果您使用的是rails 4

background image:image url（“newimg.jpg”）

，那么您可以试试这个，它应该可以在您的

资产/图像中找到
newimg
folder@Sontya，我的问题可能让人困惑：newimg.jpg是一个不相关的图像，我用来测试Javascript示例，我使用了你的图像文件的名称，这有什么关系？您是否尝试为#BG使用内联样式？类似这样的
#BG{style:“background:url（#{@photo.image.url}）no repeat”}
这些照片都存储在数据库中。css需要是动态的，输出通常由：=@photo.image.url调用
#BG {background: url("#{@photo.image.url}")}