html - ホスト時に CSS 背景画像が表示されない

Question

私はローカルでウェブサイトの基礎を築いてきましたが、それをサーバーにアップロードしたところです。ただし、現在、2 つの div の背景画像は表示されていません。これが起こっている理由は何ですか？

ウェブサイトはこちらですが、簡潔にするために関連するコードのスニペットを以下に示します。

4 つのフルスクリーン div のうち、1 つと 3 つには背景画像が必要です。

HTML

<div id="one"></div>

CSS

#one {
    top: 0;
    left: 0;
    background-image: url("images/tube2c.jpg");
    background-size: cover;
    width: 100%;
    height: 100%;
    //border-bottom: 3px solid #CD3333;
}

Answer 1

Chrome を使用してAdBlock Plusおり、サイトをホワイトリストに追加してから更新して背景を表示する必要がありました。グラフィックのダウンロードにそれほど時間はかかりませんでしたが、接続はかなり高速です。

Answer 2

This works in Firefox, but not Chrome.

Receiving these errors in Chrome:

• GET http://comfyshoulderrest.com/ads/style.css 404 (Not Found) comfyshoulderrest.com/:17
• Refused to execute script from 'https://raw.github.com/peachananr/onepage-scroll/master/jquery.onepage-scroll.js' because its MIME type ('text/plain') is not executable, and strict MIME type checking is enabled. comfyshoulderrest.com/ads/:1
• Refused to execute script from 'https://raw.github.com/peachananr/onepage-scroll/master/jquery.onepage-scroll.min.js' because its MIME type ('text/plain') is not executable, and strict MIME type checking is enabled.

Try:

• Try downloading the files from Github, saving them on your server (with the correct MIME type) so Chrome will work. You can also use rawgithub.com instead.
• Reduce your file size for tube2c.jpg - 17.05 seconds to load on my system
• Also change /ads/ to something else. AdBlockPlus is blocking it it Chrome.
• Make sure your server is setting your MIME types correctly as well. I'm getting "text/html" for style.css.
• Set your DIV to the screen size at max

I also recommend using Firebug in Firefox and Chrome Developer Tools - Just looking at the errors in Chrome Developer Tools showed what it doesn't like.