Chrome报告图片的“无效属性值”

Question

在HTML文档中，我编写了一个基本的图像类

<div class = "upper-img"></div>

在我的CSS文件中，该类仅定义为

.upper-img {
    width: 360px;
    height: 250px;
    background: url(C:\siteImages\alaskanMountains.jpg);
}

我确保路径正确，并且图像确实确实在HTML标签中正确显示。但是，我收到一个chrome浏览器错误，提示“无效的属性值。这是供参考的图片：

我在StackOverflow上看到了几个非常相似的问题，但是似乎所有这些问题都可以通过更改background元素的属性来解决。

例如，通过更改已解决了其他两个问题

background-image: url("file")

到

background: url("file")

这显然对我没有用，有什么想法吗？

Answer 1

首先，建议是在将类分配给HTML对象时避免空格，即：

<div class = "upper-img"></div>

应为：

<div class="upper-img"></div>

---

对于背景，您必须使用图像的相对路径。如果图像位于嵌入式css的同一文件夹内，则可以调用该图像。如果它在其他文件夹中，则需要使用：

../返回上一级文件夹。 /再进入一个文件夹级别。

IE：

background: url(../img/alaskanMountains.jpg);

Answer 2

在background规则中的斜线应该是向前的，而不是向后的。此外，请确保在属性，等号和属性值之间不要留空格：

<div class="upper-img"></div>