Чем отличаются свойства background-color и transparent при использовании вместе?

Свойства background-color и transparent отличаются тем, что первое устанавливает цвет фона элемента, а второе делает его прозрачным. ru.w3docs.com firststeps.ru

Свойство background-color может принимать различные цветовые значения. firststeps.ru Для блочных элементов цвет фона распространяется на всю ширину и высоту блока элемента, для строчных — только на область их содержимого. html5book.ru

Свойство transparent — значение по умолчанию для background-color. ru.w3docs.com В этом случае фон текста элемента цвета собственного не имеет, взамен используется подложка элемента уровнем выше (если он есть). firststeps.ru

Таким образом, background-color устанавливает цвет фона, а transparent делает фон прозрачным.