css - Rails 背景图片不显示?

标签 css ruby-on-rails sass

在我的 Rails 应用程序文件:application.scss 中,我设置如下:(我希望 backtest.png 显示在任何页面中。)

body 
  {
    background-image: image-url("backtest.png");
    background-size: 100%;
    background-repeat: repeat-y; 

    padding-top: 60px;
    padding-bottom: 70px;
    text-align: center;
  }

login.html.erb 中,我想显示另一张图片:

body {
      background-image: url('/assets/iot.png');
      width: 100%;
      height: 100%;
  }

在本地,我用rails server显示,没问题,但是当我上传到Nginx时,backtest.png还是OK,但是iot.png不显示,甚至不显示 backtest.png,只是白色背景?我该如何解决?

每次推送新版本时,我都会执行 assets:cleanassets:precompile

config/deploy/environments/production.rb:

config.assets.js_compressor = :uglifier
config.assets.compile = false
config.assets.digest = true

尝试了两个更改为 background-image: url,并且两个图像不显示,尝试了 background-image: url('/assets/iot.png');image-url,但它不适用于 .erb

最佳答案

您可以在 login.html.erb 中使用 asset_path 助手作为 ruby​​ 注入(inject):

background-image: url('<%= asset_path 'iot.png' %>');

关于css - Rails 背景图片不显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32557101/

相关文章:

jquery - 如何设置textarea输入字母计数器

css - 内联显示两个 div。为什么显示:inline have to be in the nested div?

ruby-on-rails - Camaleon Cms Rails 安装错误

ruby-on-rails - rails : Assign extra columns in HABTM join model

css - sass 与创建 react 应用程序

Laravel 8 JetStream Bootstrap 4

reactjs - 更改 Reactstrap 中的默认字体的最简单方法是什么?

html - bootstrap 3 折叠导航栏 - 展开时下拉标题超出屏幕

css - 将类 A 的属性值设置为类 B 的值

css - 覆盖自举 Accordion 标题中的下划线