CSS 背景不显示

Question

我将主图片更改为 css 背景属性但是当我打开 index.html 时，图片没有显示。

我在 custom.css 文件中使用了以下属性。

background: url("/img/banner-bg.jpg");
background-repeat: no-repeat;
height: 80%;
background-attachment: fixed;
background-position: center center;
background-size: contain;

然而奇怪的是，当我尝试使用括号进行实时预览时，它显示得很好。

Answer 1

在您的 img 文件夹路径前添加尾随点，并确保文件在该文件夹中

如果不行，在资源管理器中找到图片，右击获取属性，找到完整的图片路径。使用以

开头的完整图像路径

 file://

例如

 background-image:url("file:///C:/Users/Rachel/SkyDrive/webdesign/img/banner-bg.jpg");

这应该有效

Answer 2

我认为问题出在字符串开头的斜杠上。路径是否以斜杠开头是有区别的。

例如，如果您在本地主机上工作，css 文件所在文件夹的路径如下所示：

localhost/yourProjectFolder/and/all/of/subfolders/

带斜线：

background: url("/img/banner-bg.jpg"); 
//returns absolute path : localhost/img/banner-bg.jpg

没有斜杠：

background: url("img/banner-bg.jpg"); 
// returns absolute path : localhost/yourProjectFolder/and/all/of/subfolders/img/banner-bg.jpg

CSS 背景不显示

CSS Background wont display

html

css

twitter-bootstrap

adobe-brackets