Ошибка фонового изображения: идентификация неправильного оператора

При попытке стилизовать элемент div с фоновым изображением с использованием сокращенной записи некоторые пользователи сталкиваются с ошибка, связанная с неправильным оператором:

Ошибка: CSS: фон: / — неправильный оператор.

To Чтобы исправить эту проблему, очень важно понять правильный синтаксис свойства фона. Согласно спецификациям CSS, символ / служит разделителем между свойствами фона и размера фона.

Следующий фрагмент CSS демонстрирует правильное использование:

div {
  height: 100%;
  background: url('...') 100% 0/4% no-repeat;
}

В этом примере «url(...) 100% 0» представляет положение фона, а «4%» указывает его размер. Важно отметить, что, хотя размер фона является необязательным, его следует указывать вместе с фоновым положением при использовании сокращенной записи.

Отсутствие разделителя / или его неправильное размещение между свойствами может привести к неправильной ошибке оператора. Кроме того, важно указать размер без позиции. Например, допустим следующий код CSS:

div {
  height: 100%;
  background: url(...) 100% 0 no-repeat;
}