加载不同背景图像而不加载默认值

Question

我的rails项目具有所有页面的默认图案背景。我正在尝试使用全屏背景图像设置根页面。加载后，这可以按预期工作。但是，当打开页面时，可以看到两页延迟，因为页面首先打开默认的彩色背景，然后将图像放在页面上。有没有办法在这个视图中加载默认背景，以避免在加载过程中出现两步视图？

我给了我的根视图（static_pages #index）一个＃landing-page id。

CSS：

#landing-page {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(ripples.jpeg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
  background: url('congruent_pentagon.png');
}