on my github pages website the images wont load. does any one know why? this is the website-CodePudding

so I have been working on my website for a few months now and the background image won't load.

This is what the CSS code looks like:

.main{
  width: 100%;
  background: linear-gradient(to top, rgba(0,0,0,0.5)50%,rgb(0, 0, 0, 0.5)50%), url(file:///home/g7adz177a/Downloads/website background.png);
  background-position: center;
  background-size: cover;
  height: 109vh;
}

I expected it to work on GitHub pages because when I opened the HTML file, it worked on the browser.

https://avrydacool1.github.io/avrysartshow.github.io/ (the website)

CodePudding user response：

Your background image seems to be loading now (you have embedded in the style sheet with commit e789643), probably because the previous url was not supported:

 url(https://github.com/AvryDaCool1/avrysartshow.github.io/blob/main/website background.png);

What might have worked is (as illustrated here):

 url(https://avrydacool1.github.io/avrysartshow.github.io/website background.png);