Html 需要在RubyonRails视图中具有动态背景图像
我需要在Rails视图中有一个动态背景图像。我尝试了在动态背景图像的堆栈溢出上找到的几个不同的代码示例,但没有一个对我有效。以下是我迄今为止所尝试的: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(“
<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)