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

前端之家收集整理的这篇文章主要介绍了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; 
}

猜你在找的CSS相关文章