Can anyone tell me Why background img is not working in my html?

Question

https://code.sololearn.com/W988ue4PmVPs/?ref=app

Answer 1

the url provided redirect to the google detail image page, not to the image itself ^^

you should use the real image url, and probably at least use background-size property:

body {
background-image:url('https://media.newyorker.com/photos/5e2b598351d1330009001749/1:1/w_1899,h_1899,c_limit/Fry-JustinBieberDocuseries.jpg');
background-size:contain;
}

Answer 2

right click (or long press) on the image and select "view image" in context menu: the image load and you can copy the url in the address bar

Answer 3

exact label of menu entry depends of browsers ^^ you should have a way to display the image at least in a new tab... else you must click on the google link provided in the detail page to open original site and find the image from here yourself...

Answer 4

Yes I got it thank you very much

Answer 5

And how did you find real img url

Answer 6

Thanks visph👍👌

Answer 7

There is no view image it's preview image but it's also not showing url its written encrypted something something