Question: Good day.

My structure is like this:

```
/
  index.html
  style/
    main.css
  images/
  test/
    test.html

```

**/style/main.css** says something like this:

```
body {
    background-image: url('/images/SomeImage.png');
    background-color: #000;
}

```

**/index.html** has a link to this CSS file, but, as the title says, no image will load. But it's connected though, cause the background is actually black, so the rest of the style (but images) does work.

Also, if I write the same style internally into **/index.html** the background will load.

Also, I created **/test/test.html** which says nothing but 

```
<img src="/images/SomeImage.png" />

```

and the image is displayed on that page.

So, obviously, for some reason my **/style/main.css** can't reach files, that any other file from any other location reaches. Why does this happen? There's clearly nothing wrong with the syntax. I'm lost.

Answer: 
Try to copy webpage, css and example image in one folder temporarily. Then use only image name for url a see what happens. If it works, it will be the image path, if not something else.. possibly position.. is this complete css you are posting?
Initially, it looks like your code is fine.

So how do you know the image isn't loading? Look in your browser's developer tools to see if the image is loading, or returning an error, or not even being referenced. My guess here would be that it is loading, but not display because of something in your CSS.