css - 背景图像上的无效属性值

Question

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

这段代码在 crome(和 safari)中给我一个“无效的属性值”。我在另一页上使用完全相同的代码，工作正常。我清除了浏览器缓存。如果我删除 50% 50% 不重复，它就可以正常工作。添加这两个属性中的任何一个都会使其再次无效(使用开发人员工具进行测试)。

我也通过 ProCSSor 运行它来清理它，所以我不确定我在哪里搞砸了......

Answer 1

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

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