css – background-image上的属性值无效

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

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

我通过ProCSSor运行它,并清理它,所以我不知道我在哪里拧紧它…

解决方法

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

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