ruby-on-rails - 在 Rails 3.1 应用程序中动态创建 CSS 背景图像未正确链接

标签 ruby-on-rails css

我正在尝试通过 javascript 在我的 Rails 应用程序中动态创建 div。但是,div 背景图像未正确链接。我知道 Rails 会在图像中搜索预加载的 css 文件。例如,在我的主 css 文件中,我只有

html, body{
 background-image:url('bg.png');
}

但是,当我使用以下代码动态创建 div 时。

        $("<div>").addClass("icon").css("background-image", "url(" + this.model.get('icons')[i] + ")").appendTo(this.el);

它找不到图像。我是否必须使用诸如“/assets/images/...”之类的相对 URL?

非常感谢任何帮助。谢谢!

最佳答案

样式表的工作方式与模板文件不同。 您需要在其中为图像添加完整路径,请尝试:

background-image:url('/images/bg.png');

关于ruby-on-rails - 在 Rails 3.1 应用程序中动态创建 CSS 背景图像未正确链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8085221/

相关文章:

javascript - 使用 Poltergeist/Capybara 进行测试时,Angular Controller 不会加载

ruby-on-rails - 查看上传到 AWS S3 的私有(private)图像 - 从 secret 访问 key 创建签名

javascript - 缩放 div 以适合窗口但保持纵横比

html - 覆盖默认的 css 样式

html - 切换按钮不起作用,而是看起来像使用 css 的常规复选框

ruby-on-rails - 对于 Ruby, "gem install"是否使用 "--include-dependencies"...只是文档有点过时了?

ruby-on-rails - 如何在前端使用后端权限

ruby-on-rails - has_many 关联 Rails4.2

html - 我自己从另一个网站嵌入一个 div(HTML 和 CSS)

CSS宽度自动在一行中最大