Question

我有一张图片： app / assets / images / oops.jpg

在 404.html 中，我有：

<html>

<head>

  <title>Oops! Where are we?</title>
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <style>
  body {
  background: url('oops.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  </style>
</head>

<body>


</body>
</html>

我确认图片确实在 Heroku 上制作，但浏览器无法找到图片。

这是我的档案图片。

我在这里缺少什么？

Answer 1

background: url('../images/oops.jpg') no-repeat center center fixed;

Answer 2

在另一种情况下，尝试将图像路径设为“/ assets / oops.jpg”或“../ images / oops.jpg”。假设您在路径上使用ruby来自您提到的路径。希望这对你有用。

Answer 3

如果您的图片是app/assets/images/oops.jpg

然后你的图像路径必须是：

body {
  background: url('/app/assets/images/oops.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
  }

Answer 4

代替...... 使用此

@some_arr.size

404图像未显示

4 个答案: