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: 
add ../ to the beginning of /images so it read ../images/imagename.jpg

Here's what your code should be:

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

```
Ok, so basically, I replaced the not-working **/style/main.css** with the copy of it (*test.css - described in post comments*) and now it works. Why is still the question, but the problem is kinda solved I guess.