是的，因为background-image属性仅用于图像部分，而不是背景的位置或重复属性，所以使用background：

.up { 
    background: url('/design-library/profound_test/images/cab_images/white-arrow-up.png') 50% 50% no-repeat; 
}

如果url和(之间有空格，Chrome* 也会抛出此警告（并且不显示bg图像），例如：

background-image: url ('img/web-bg.png');
                     ^

（这就是为什么我要搜索并找到这个问题，但没有答案，然后做试错。）

• ...也许取决于Chrome版本，我想。

即使你做了上述的所有操作，你也可能在Firefox中得到一个“无效的属性值”。解决方法是转换：

background: url(../img/showcase.jpg) no-repeat top center fixed/cover;

转换为：

background: url(../img/showcase.jpg) no-repeat top center;
background-attachment: fixed;
background-size: cover cover;

如果您没有使用撇号，并且文件中有空格，Chrome也会出现此错误。

background-image: url(../img/file with spaces.png);

致：

background-image: url('../img/file with spaces.png');

只需删除../并将其用作

background: url(img/showcase.jpg) no-repeat top center;

我们在Chrome中遇到了同样的问题（“Invalid property value”，图像未渲染），因为文件名中包含括号

background: url(img/showcase(1).jpg)

去掉括号就解决了这个问题。只是以防你像我一样因为问题的标题而来到这里：-）
Chrome浏览器版本111.0.5563.64