Как Sami использует прозрачный фон в CSS?

#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>