Question

所以我有一个网站（http://zoid-studios.github.io/），但出于某种原因，应该在标题下方居中的背景不存在？

这是我的css：

.top-section
    height: 100vh
    background-image: url(../images/background.svg)
    background-size: 100%
    background-position: center bottom
    background-repeat: no-repeat

有任何帮助吗？在本地查看时会显示背景信息。

Answer 1

文件名似乎是Background.svg而不是background.svg。

Answer 2

CSS中的URI大多区分大小写。您的实际图片名称为Background.svg（大写B），而在CSS中则为background.svg。这就是问题所在。

所有CSS语法在ASCII范围内都不区分大小写（即，[a-z]和[A-Z]是等效的），但不受CSS控制的部分除外。例如，HTML属性值的区分大小写＆＃34; id＆＃34;和＆＃34;类＆＃34;，字体名称和 URI 不在本规范的范围之内。请特别注意，元素名称在HTML中不区分大小写，但在XML中区分大小写。 - W3C

GitHub页面上没有显示背景图片？

2 个答案: