.up { background-image: url('/design-library/profound_test/images/cab_images/white-arrow-up.png') 50% 50% no-repeat; }
Этот код дает мне "недопустимое значение свойства" в crome (и сафари). Я использую тот же самый код на другой странице, работая правильно. Я очистил кеш браузера. Если я удалю 50% 50%, не повторю, он работает нормально. Добавление одного из этих двух свойств снова сканирует его на недействительный (тестирование с использованием инструментов разработчика).
Я также пропустил его через ProCSSor, чтобы очистить его, поэтому я не уверен, где я его привожу...
Да, поскольку свойство background-image предназначено только для части изображения, а не для свойств позиции или повтора фона, используйте background:
.up {
background: url('/design-library/profound_test/images/cab_images/white-arrow-up.png') 50% 50% no-repeat;
}
Chrome * также выдаст это предупреждение (и не отобразит изображение bg), если у вас есть пробел между url и (, например:
background-image: url ('img/web-bg.png');
^
(Это послужило причиной для поиска и поиска этого вопроса, но ответа нет, а затем проб и ошибок.)