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: 
Because your image is in another folder (thats a level up than your style sheet), you need to start with "../" for a level up folder in hierarchy relative to the style sheet. So you need a relative URL:

```
background-image: url('../images/SomeImage.png');

```
I am having the same problem. Working with Visual Studio Community.

I went inspect elements in browser and found that the file directory "automatically" (i did not set it this way) says that my image folder is nested inside my css folder. dont know why yet... so I then went and moved my image folder into my css folder seeing that this is what my browser showed me in the dev tools...

so maybe for some reason when working with css your images inside your image folder should be located in your css folder and not the complete Webpage Folder..it worked.