时间戳

首页 > 解决方案 > 我的背景图片没有出现在 Github 上

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

问题描述

我有一个示例登录页面，已上传到 gitHub。当我在我的计算机上使用本地文件预览它时，一切正常，但是当我将它上传到 gitHub 时我看不到背景图片。

我试过下面的代码让它工作，但不能。如果您愿意，可以从这里检查 gitHub 呼吸系统。 并从这里开始。

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);

标签： htmlcssimagegithubbackground

解决方案

您是否正在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 也使用/.

推荐阅读