Щоб встановити непрозорість фону, зображення, тексту чи іншого елемента, ви можете використовувати властивість непрозорості CSS. Значення цієї властивості варіюються від 0 до 1. Якщо встановити для властивості 0, стилізований елемент буде повністю прозорим (тобто невидимим).
Користувачі можуть дотримуватися наведеного нижче синтаксису, щоб встановити непрозорість лише для кольору фону, а не для тексту в CSS. тло: rgba(255, 0, 0, непрозорість); або колір фону: hsla(0, 100%, 30%, opacity);
Розуміння властивості CSS Ця властивість дозволяє вказати, як вміст елемента має поєднуватися з вмістом його батьківського елемента або елемента, що стоїть за ним. Встановивши mix-blend-mode: multiply;, ми можемо видалити фон зображення та зробити його прозорим.
У таких випадках можна використовувати властивість mix-blend-mode щоб видалити суцільний фоновий колір і створити видимість прозорого фону.
Це неможливо з CSS, оскільки на фонові зображення не впливає прозорість . Однак ви можете накласти фон bg-зображення градієнтом фону з непрозорістю, але він повинен завершуватися певним кольором, у вашому випадку білим.