В чем разница между background-color: transparent и background: none

transparent устанавливает прозрачный цвет фона, но сам фон остается (может влиять на события). none полностью отключает фон, включая изображения и другие свойства.

Пример:

.box1 {
  background-color: transparent; /* фон есть, но прозрачный */
}

.box2 {
  background: none; /* фона вообще нет */
}

Разница заметна при наличии background-image - none его удалит, а transparent оставит. Также none может немного улучшить производительность, так как браузер не обрабатывает фон.