Adding background image to a box element

Question

I am a newbie. I'm finding it hard to add background image to a box element. I've tried resetting the code, moving it to a new folder, resizing the image and changing the class but nothing works. The image doesn't show in the box When I inspect the element on Chrome, it says error file not found.

This is the CSS below

.static-width{
    width: 300px;
    height: 300px;
    background-color: #606060;
    background-image: url(Images\millylogo.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

if you think, the path of the image is not the problem,then once check the extension of the image.Many mistake this. for example: jpg and jpeg are different — Satya Vinay, Dec 11 '20 at 15:10
Your image path is probably wrong. Try to use **slash (/)** instead of **backslash** \ — Velid Duranović, Dec 11 '20 at 15:19
Thank you 0stone0 Meanwhile, I copy the image path directly from the server The extension can't be wrong, can it? — Ebuka_script, Dec 14 '20 at 20:21

Quentin H · Answer 1 · 2020-12-11T15:19:31.797

0

I think your path is not wright. You must to put the right path (absolute or relative) into the property. You should create a repository with your project and put all your files into it. A good documentation here

edited Dec 11 '20 at 15:19

answered Dec 11 '20 at 15:06

Quentin H

91
1
7

2

Could you please add the source? [Is quoting the value of url() really necessary?](https://stackoverflow.com/questions/2168855/is-quoting-the-value-of-url-really-necessary) – 0stone0 Dec 11 '20 at 15:08
You've right, I didn't know that. I edit my post to fix this – Quentin H Dec 11 '20 at 15:15
Thank you Quentin, Meanwhile, I copy the image path directly from the server The url or extension can't be wrong, can it? – Ebuka_script Dec 14 '20 at 20:21
Can you put here the architecture of your project ? – Quentin H Dec 15 '20 at 07:59

Adding background image to a box element

1 Answers1