Несколько способов создания прозрачного фона на HTML с помощью CSS:

• Использование свойства opacity. 24 Оно позволяет задать прозрачность элемента, к которому применяется. 2 Значения свойства варьируются от 0 (полная прозрачность) до 1 (непрозрачность). 24 Однако свойство opacity действует на все дочерние элементы внутри элемента, а не только на фон. 5
• Применение формата RGBA. 25 В этой цветовой модели есть альфа-канал, который определяет уровень прозрачности цвета. 4 Значение alpha может быть указано как число между 0 (полностью прозрачный) и 1 (полностью непрозрачный). 4 Этот подход позволяет сделать прозрачным только фон элемента, оставив содержимое внутри полностью непрозрачным. 4
• Использование PNG-картинки. 2 Формат PNG имеет 256 уровней прозрачности. 2 В отличие от свойства opacity, прозрачность задаётся только для фона. 2
• Применение свойства box-shadow. 1 Свойство box-shadow с параметрами внутренней тени позволяет создать эффект прозрачности фонового изображения, обходясь без использования opacity. 1