404の画像は、I画像を有する

を示していない404の画像は、I画像を有する

<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>

Iが画像であることを確認し実際には生産中Herokuですが、ブラウザがイメージを見つけることができません。

ここに私のファイルのイメージがあります。

私はここで何をしないのですか？ 「/assets/oops.jpg」または「../images/oops.jpg」あまりにも別のケースではこの一つとして

出典

2016-10-04 gwalshington

場所htmlページと同じフォルダにある画像 –

背景：url（ '../ images/oops.jpg'）ノーリピートの中心が固定されています。 –

私が知っている限り、私は間違っているかもしれません。あなたが 'カバー'を使用する場合は、背景画像i.p.oを使用する必要があります。背景 – Franco

てみてくださいイメージパス。あなたがあなたが言及したあなたのパスからのRuby on Railsアプリケーションを使用していると仮定します。これはあなたのために働くことを願っています。

出典

2016-10-04 21:07:02 jacksonR

あなたのイメージが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; 
    }

出典

2016-10-04 21:07:03

これは440が見つかりません。 – gwalshington

ブラウザで、画像がロードされているかどうか完全なURLでテストできますか？http://www.example.com/app/assets/images/oops.jpg –

または画像を配置してくださいルートに移動し、画像へのパスをurl（/oops.jpg）に変更してください。 –

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

出典

2016-10-04 21:08:05

私はこれを試したが、ブラウザのコンソールに404が見つからない。 – gwalshington

背景：url（ '/ app/assets/images/oops.jpg'）試してみよう –

うまくいきませんでした – gwalshington

代わりに... 使用この

body { 
background: url('../images/oops.jpg'); 

background-repeat: no-repeat; 

background-size: 100% 100% ; 
}

出典

2017-08-31 11:16:33 Zuma

ようこそスタックオーバーフロー！このコードスニペットをありがとうございます。すぐに役立つかもしれません。適切な説明は、なぜ*これが問題の良い解決策であるかを示すことによってその教育上の価値を大幅に改善し（// meta.stackexchange.com/q/114762）、将来の同様の、しかし、同一ではない質問。説明を追加するためにあなたの答えを[編集]し、どんな制限と前提が適用されるかを示してください。 –

404の画像は、I画像を有する

答えて

関連する問題