Как сделать прозрачный фон на сайте?

Для создания прозрачного фона на сайте используют CSS (каскадные таблицы стилей). blog.geekbrains.by

Свойство opacity определяет непрозрачность (прозрачность) элемента. open-source-peace.github.io Оно может принимать значение от 0,0 до 1,0. open-source-peace.github.io Чем меньше значение, тем прозрачнее. open-source-peace.github.io

Пример кода: blog.geekbrains.by

<div style=»width: 500px; height: 500px; background-image: url(background.jpg); block-size: cover; opacity: 0.3;»></div>                                                                           blog.geekbrains.by                      

В этом примере картинка будет иметь белый цвет с полупрозрачностью 0,5 (50%). blog.geekbrains.by

Важно учитывать, что при использовании свойства opacity для добавления прозрачности к фону элемента все его дочерние элементы наследуют ту же прозрачность. open-source-peace.github.io Это может затруднить чтение текста внутри полностью прозрачного элемента. open-source-peace.github.io