我的背景图片没有出现在 Github

Question

I have a sample landing page which I uploaded to gitHub. When I preview it on my computer with local files, everything works fine but I cannot see background image when I upload it to gitHub.

I've tried below codes to make it work but couldn't. You can check gitHub respiratory from here if you wish. And page from here.

background-image: url(images\main.jpg);
background-image: url(/images/main.jpg);
background-image: url(../images/main.jpg);

background-image: url(images\main.jpg);
background-image: url(\images\main.jpg);
background-image: url(..\images\main.jpg);

Answer 1

In index.html are you loading style using:

<link rel="stylesheet" href="css\styles.css">

But it should be:

<link rel="stylesheet" href="css/styles.css">

Also, in styles.css you should load image using

background-image: url(../images/main.jpg);

GitHub sites runs on Linux machines, that use in pathnames / instead \ and Macs also uses / .