我把这个网站上传到了一个我一直在做的新仓库中,唯一的问题是,当我把它上传到网上时,我在代码的.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;
}
2条答案
按热度按时间gijlo24d1#
尝试将其设置为文件夹路径
../images/description-background.jpg
..是回到文件路径,例如,如果我需要一个img,是在我的图像文件夹,我正在编辑我的CSS在我的CSS文件夹,我将不得不做. ./images/img.png
lyr7nygr2#
我使用了一个技巧,你可以使用样式属性在html文件与背景图像和url('./images/description-background.jpg').这应该是工作100%只是离开Github一段时间来加载图像.