html - Background image not showing with CSS

Question

I've tried multiple different ways but none displayed the image as background.

CSS

.spec{
        background: url('white_logo_red_font.jpg');
        height: 100px;
        width: 150px;
      }

HTML

<div class="spec">
    hi
</div>

The image is in the same folder so the url is correct. I've also tried background-image instead of background.

Edit: image location

index.js is where the code is.

Answer 1

That is probably caused by the wrong image path.

Try using link from the web, for example: background: url('https://via.placeholder.com/350x150') the image should be displayed - that means that your css syntax is fine.

Then fix your path, you probably have to add './', '/images/', '../images/' before "white_logo..." the image path have to be relative to the css file.