Can't find image in CSS

Question

I tried to put an image named "books.jpg" on the background of my page but it says that it can't find it!However,I am sure that the link to the image is correct.

    background-image: url('/Users/abdulazizsuleymanov/Desktop/Python/Django/Review-book/books.jpg');
    /*background-color: #cccccc;*/
    width: 100px;
    height: 100px;```[css file][1]


  [1]: https://i.stack.imgur.com/0O1Ff.png

Possibly relevant: https://stackoverflow.com/q/12711584/82548 — David Thomas, Mar 04 '22 at 20:53
Put your image to the `reviews/static/images` folder and on your CSS file use `../images/books.jpg`. — dokgu, Mar 04 '22 at 20:54

score 0 · Answer 1 · answered Mar 04 '22 at 20:53

0

Why don't you put it directly in the same folder? That way you can just use url('./books.jpg')

answered Mar 04 '22 at 20:53

Montin

35
4

1

I did everything you said but it still can't find it – Abd-07 Mar 04 '22 at 20:59

score 0 · Answer 2 · answered Mar 04 '22 at 20:57

0

Partial URLs are interpreted relative to the source of the style sheet, not relative to the document https://www.w3.org/TR/CSS1#url

It's easiest if you just put the image near the css file.

answered Mar 04 '22 at 20:57

DvdRom

738
4
13

Can't find image in CSS

2 Answers2