Html 需要在RubyonRails视图中具有动态背景图像

Html 需要在RubyonRails视图中具有动态背景图像,html,css,ruby-on-rails,ruby,Html,Css,Ruby On Rails,Ruby,我需要在Rails视图中有一个动态背景图像。我尝试了在动态背景图像的堆栈溢出上找到的几个不同的代码示例,但没有一个对我有效。以下是我迄今为止所尝试的: <style media="screen"> .my-image { background-image:url("mypicture.jpg");} </style> <div class="my-image"></div> .my image{background image:url(“

我需要在Rails视图中有一个动态背景图像。我尝试了在动态背景图像的堆栈溢出上找到的几个不同的代码示例,但没有一个对我有效。以下是我迄今为止所尝试的:

<style media="screen">
  .my-image { background-image:url("mypicture.jpg");}
</style>

<div class="my-image"></div>

.my image{background image:url(“mypicture.jpg”);}

当我替换来自web的URL时,它工作得很好(即,我使用了“”而不是“mypicture.jpg”,它工作得很好)。然而,当我试图使用存储在硬盘上的图像时,它似乎不起作用。当我硬编码CSS文件时,它也可以正常工作。是的,图像存储在\app\assets\images。我正在使用Ruby 2.3、Rails 5.0和Windows。关于我可能遗漏的内容有什么想法吗?

您可以使用图像\u url

.my-image {
   background-image:url(image_url(mypicture.jpg));
}

查看RubyonRails API文档以获取更多信息。

正如Shah所建议的,这应该是可行的:

background-image: image-url("mypicture.jpg")


您是否尝试运行
rake assets:precompile
,然后重新启动您的服务器?

这对我不起作用…我尝试了各种图像url、图像路径、资产路径等语法,但都不起作用。我最终通过将图像放在“public”文件夹而不是资产管道中实现了它。我将把这个标记为解决方案,因为它让我走上了正确的轨道:)刚刚尝试过……仍然没有运气。对我来说唯一有效的方法就是把图片放到公共文件夹中。
background-image: asset-url("mypicture.jpg", image)