#javascript #html #css #google-web-designer
Вопрос:
Я хочу, чтобы мой фон был темным полупрозрачным, как я могу это сделать? Я использовал этот CSS на изображении выше background-image: linear-gradient(rgba(0, 0, 0, 0.322), rgba(0, 0, 0, 0.322));
Комментарии:
1. Похоже, что фон полупрозрачный, вот что такое серый цвет.
rgba(0, 0, 0, 0.322);
получилось бы серым на белом фоне.2. Я не думаю, что здесь есть проблема.
3. Является ли Сами ответчиком? 😛
Ответ №1:
Вам не нужен линейный градиент, попробуйте следующее:
.some-selector {
background: rgba(0, 0, 0, 0.5);
}
Где 0,5 — это процент непрозрачности для цвета RGB от 0 до 1.
Ответ №2:
Если это тег в html с «scr», то вы можете использовать непрозрачность..
img{
opacity: 0.5;
}
или если у него есть какой-то класс или класс для родителей, если вы хотите настроить конкретную цель
.parent-class img.img-class{
opacity: 0.5;
}
где непрозрачность = 1 полностью видна, а непрозрачность = 0 в полностью прозрачном родителе.
.parent {
background: #ff6347;
}
.parent img.img-box {
opacity: 0.5;
height: 500px;
}
<div class="parent">
<img
class="img-box"
src="https://images.pexels.com/photos/8299099/pexels-photo-8299099.jpeg?auto=compressamp;cs=tinysrgbamp;dpr=3amp;h=750amp;w=1260"
alt=""
/>
</div>