Question

我几个月前提交了下面的问题，当我将Rails 3应用程序升级到Rails 4时，我的背景图像无法正常工作。解决方案是使用scss并预编译生产资产。

Rails 4 - Background Image Appears in Localhost but not in production

我有一个稍微不同的问题，我需要帮助。我的目标网页格式与主网站不同。当我这样做时，我通常在我的布局页面中编写我的CSS代码。在我的情况下，我会将样式标签添加到landing.html.erb。我想为html设置背景图片，并在整个屏幕上仅针对着陆页进行拉伸。我尝试了两件事但却无法正常工作。

我首先尝试在style标记中的landing.html.erb中添加以下代码：

html { 
  background: asset-url("SplashPage-Image.jpg"); 
  background-repeat: no-repeat; 
}

然后我尝试在前一个问题上实现与解决方案类似的东西。

application.css.scss

@import 'landing';

landing.css.scss

html { 
  background: asset-url("SplashPage-Image.jpg"); 
  background-repeat: no-repeat; 
}

在这两种情况下，当我查看源代码时，我可以在查看css文件时找到代码，但图像没有显示。我尝试过rake assets:precompile RAILS_ENV=production和rake assets:precompile。没什么区别。我在Stack Overflow上发现了很多关于背景图像的问题，但没有一个问题涉及我的具体情况。

任何帮助将不胜感激。我会继续寻找。

Answer 1

你试过background: url("SplashPage-Image.jpg"); no-repeat center center fixed;吗？

Rails 4.0 - 需要在不同格式的着陆页上显示背景图像

1 个答案: