Недопустимое значение свойства в фоновом изображении

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

Этот код дает мне "недопустимое значение свойства" в crome (и сафари). Я использую тот же самый код на другой странице, работая правильно. Я очистил кеш браузера. Если я удалю 50% 50%, не повторю, он работает нормально. Добавление одного из этих двух свойств снова сканирует его на недействительный (тестирование с использованием инструментов разработчика).

Я также пропустил его через ProCSSor, чтобы очистить его, поэтому я не уверен, где я его привожу...

Ответ 1

Да, поскольку свойство background-image предназначено только для части изображения, а не для свойств позиции или повтора фона, используйте background:

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

Ответ 2

Chrome * также выдаст это предупреждение (и не отобразит изображение bg), если у вас есть пробел между url и (, например:

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

(Это послужило причиной для поиска и поиска этого вопроса, но ответа нет, а затем проб и ошибок.)

... возможно, в зависимости от версии Chrome, я полагаю.