我的背景图片没有显示在 Github

Question

我有一个示例着陆页已上传到 gitHub。当我使用本地文件在我的计算机上预览它时，一切正常，但是当我将它上传到 gitHub.

时我看不到背景图像

我尝试了以下代码使其工作但不能。 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

在 index.html 中，您是否使用以下方式加载样式：

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

但应该是：

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

此外，在 styles.css 中，您应该使用

加载图像

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

GitHub 站点在 Linux 机器上运行，在路径名中使用 / 而不是 \，Mac 也使用 /.

我的背景图片没有显示在 Github

My Background Image Doesn't Show Up On Github

html

css

background

image

github