Why is the background image not applied?

Question

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

Answer 1

Because there are notable differences depending on the case. If you are developing locally, the browser is able to recognize any of the file paths since all the resources are on the same computer.

When you use your page in a Playground like the one offered by this application, it will not recognize any route that belongs to your computer / phone. This happens because they simply do not exist within the file system of the server, and even if they exist, they would not be your files (would be files with similar names, but different content).

This is why it is necessary to use a host for your files. Even when you upload a site to the internet many pages do not store the files on the same server by themselves, since the multimedia content takes up space and resources that may be needed later.

Answer 2

Because the link does not re-direct to the image. Google changed the way in which it shows the images to avoid the theft of images with Copyright, as well as to generate traffic to the webs that host them.

If you want the image you must download it and upload it to a host, or use the option 'Open image in a new tab' when clicking on it. Keep in mind that the last one may mean that the quality of the image is reduced.

https://www.huffingtonpost.com/entry/google-changes-image-search_us_5a873d89e4b00bc49f43e220

Answer 3

In those cases you should upload the image to a host.

https://www.wix.com/blog/photography/2017/09/27/free-image-hosting-sites/
https://es.imgbb.com/

Personally, I like to use Dropbox:

https://www.sololearn.com/Discuss/1054246/upload-content-with-dropbox-to-codeplayground/

Answer 4

ok..but if i want to apply background image from my gallery i cannot..

Answer 5

but when i insert an image(img tag)..i don't need a host nor Dropbox..then why should i use it in this case?

Answer 6

also if i Google it, wikihow doesn't mention to add the image to a host and all..

Answer 7

oh alright thanks for the help