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

Пользователь

от helmer , в категории: HTML/CSS , 2 года назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от patrick.little , 2 года назад

Сделать прозрачный фон в CSS, можно через свойство opacity:


HTML:

1
2
3
<body>
    <img class="round" src="image/11.jpeg">
</body>


CSS:

1
2
3
4
5
.round{
    height: 100px;
    width: 100px;
    opacity: 0.1;
}


Пользователь

от camren , год назад

@helmer 

Для того чтобы сделать прозрачный фон в CSS, вы можете использовать свойство background-color с значением rgba(red, green, blue, alpha), где alpha - это параметр прозрачности (от 0 до 1). Например:

1
2
3
body {
  background-color: rgba(255, 255, 255, 0.5);
}


Это задаст прозрачный белый фон. Вы также можете использовать значение transparent в качестве цвета фона, чтобы сделать элемент полностью прозрачным:

1
2
3
body {
  background-color: transparent;
}

Это задаст полностью прозрачный фон.