Question

您好我已经被我认为是文件路径问题困住了很长时间。我正在创建一个带有背景图像的简单布局，背景图像作为http url加载，但是一旦我将文件保存到我的计算机并更改了图像，我就无法加载它。文件结构如下：新项目/ css / images / index.html

代码：

header {
    height: 450px;
    background-image: url('../images/bg_blur.png'), center, center;
    background-size: cover

}

我的徽标图片也遇到了同样的问题。

<div class="logo">
    <img src="images/icon.svg">
</div>

作为一个新手，我花了一天多的时间来解决这个问题，双重检查我的路径，尝试不同的方法。我已经阅读了多个堆栈溢出答案，仍然无法解决这个问题，我为重新发布而道歉，但我不知所措。

谢谢，戴夫

Answer 1

如果文件位于完全相同的路径中，请确保图像的文件名完全相同。

Answer 2

background-image 属性可让您为其提供图像背景，它只接受uri（） / none值，你不能指定几个值。

而是尝试使用背景这样的速记属性：

header {
background: url(../images/bg_blur.png) center center;
}

后台速记属性可以接受多个值

＆LT;”背景颜色”＆GT; || ＆LT;”背景图像”＆GT; || ＆LT;” backgroundrepeat”＆GT; || ＆LT;”背景附件”＆GT; || ＆LT;”背景位置”＆GT;

初始值：不适用

值应以空格分隔。

Answer 3

我同意Konrud所说的内容，但是，你在最终的CSS规则的末尾错过了一个分号，背景大小为。

background-size: cover

应为

background-size: cover;