Что делает свойство background: transparent

«Что делает свойство background: transparent» — вопрос из категории CSS, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Нет, картинка не останется. background: transparent делает фон элемента прозрачным, но не влияет на само изображение, если оно задано отдельно.

Пример:

.element {
  background: transparent url('image.jpg') no-repeat; /* картинка останется */
}

.element {
  background: transparent; /* картинка пропадет, если не задана иначе */
}

Если нужно скрыть картинку, используй background-image: none или display: none.