фон или цвет фона?

Разницы в совместимости нет. Единственная разница в том, что с помощью background вы можете добавить несколько свойств в одну строку, как вы, наверное, знаете, вместо того, чтобы повторять background-color, backgroud-image и т. д. в разных строках.

Чтобы установить цвет, вы можете использовать любой из них.

Согласно стандартам W3C, мы будем следовать свойству background-color. Однако, если вы последуете этому, вы сможете добавить только цвет, а не другие параметры, такие как size, image, attachment и т. д. Я бы посоветовал вам использовать стандартный формат, так как другим легко прочитать о свойствах.

Вы можете узнать больше о свойстве background из:

Школы W3C — Справочная информация

Я предпочитаю цвет фона. Моя первая причина — удобство чтения, потому что с первого взгляда вы можете понять, для чего предназначен этот стиль. Когда вы используете простой «фон», вы можете определить внутри него множество свойств, что усложняет чтение.

Background: color position/size repeat origin clip attachment image|initial|inherit;

против background-color: color|transparent|initial|inherit;

И т.е. не полностью совместим со всеми свойствами фона:

Примечание. IE8 и более ранние версии не поддерживают несколько фоновых изображений для одного элемента.

Удачи!!

На самом деле не имеет значения, используете ли вы background или background-color, поскольку background — это префикс/ярлык для:

-color
-image
-position
-attachment
-repeat

Просто использование background может позволить вам добавить дополнительные свойства css, чтобы предотвратить повторение объявлений. Это одна из основ CSS. Но если вы собираетесь менять только цвет фона и больше ничего, рекомендую использовать background-color.