CSS背景图片不显示在GitHub页面上?

i5desfxk  于 2023-04-08  发布在  Git
关注(0)|答案(2)|浏览(126)

我把这个网站上传到了一个我一直在做的新仓库中,唯一的问题是,当我把它上传到网上时,我在代码的.description类中实现的背景不会显示出来。它在本地看起来很好,但是当我把它放在Pages上时,我的大文本后面有一个大的灰色框。
下面是我插入URL的代码片段。

.description
{
    margin: 0px;
    height: 600px;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/description-background.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    box-shadow: 1px 1px .5px 0px;
}

这里是链接到该页面:https://github.uconn.edu/pages/ssw19002/devduos/

gijlo24d

gijlo24d1#

尝试将其设置为文件夹路径../images/description-background.jpg
..是回到文件路径,例如,如果我需要一个img,是在我的图像文件夹,我正在编辑我的CSS在我的CSS文件夹,我将不得不做. ./images/img.png

lyr7nygr

lyr7nygr2#

我使用了一个技巧,你可以使用样式属性在html文件与背景图像和url('./images/description-background.jpg').这应该是工作100%只是离开Github一段时间来加载图像.

相关问题