<commit_before>---
title: Background Opacity
localeTitle: Непрозрачность фона
---
## Непрозрачность фона

Свойство прозрачности (opacity) указывает на прозрачность/непрозрачность элемента, то есть на степень видимости содержимого за элементом.

Свойство прозрачности может принимать значение от 0.0 до 1.0. Чем ниже значение, тем больше прозрачность:

Подробнее [здесь](https://www.w3schools.com/css/css_image_transparency.asp)

Вы можете выбрать насколько вы хотите сделать элемент прозрачным. Для достижения уровня прозрачности вам необходимо добавить следующее свойство CSS.

**Полностью непрозрачный**

```css
.class-name { 
  opacity:1; 
 } 
 
 OR 
 
 .class-name { 
  opacity:1.0; 
 } 
```

**Полупрозрачный**

```css
.class-name { 
  opacity:0.5; 
 } 
 Opacity value can be anything between 0 and 1; 
```

**Прозрачный**

```css
.class-name { 
  opacity:0; 
 } 
 
 OR 
 
 .class-name { 
  opacity:0.0; 
 } 
```

В качестве альтернативы вы можете использовать прозрачное значение rgba следующим образом: 

```css

.class-name{
  background-color: rgba(0,0,0,.5);
  }
 ```
В приведенном выше примере, фон имеет черный цвет с прозрачностью 50%. Приведенный выше пример указывает, что фон имеет черный цвет с непрозрачностью 50%. Последним значением значения rgba является альфа-значение. Значение альфа 1 равно 100%, а 0.5 (.5 для краткости) равно 50%. Мы используем этот метод для добавления прозрачности к элементу, не затрагивая содержимое внутри.

[Пример кода для отображения диапазонов непрозрачности фона](https://codepen.io/lvcoulter/full/dVrwmK/)

#### Дополнительная информация:

Для получения дополнительной информации посетите [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity) [Свойство CSS прозрачности в CSS-трюках](https://css-tricks.com/almanac/properties/o/opacity/)

Поддержка браузера: [caniuse](https://caniuse.com/#search=opacity)<commit_msg>Translated some comments into Russian (#25474)<commit_after>---
title: Background Opacity
localeTitle: Непрозрачность фона
---
## Непрозрачность фона

Свойство прозрачности (opacity) указывает на прозрачность/непрозрачность элемента, то есть на степень видимости содержимого за элементом.

Свойство прозрачности может принимать значение от 0.0 до 1.0. Чем ниже значение, тем больше прозрачность:

Подробнее [здесь](https://www.w3schools.com/css/css_image_transparency.asp)

Вы можете выбрать насколько вы хотите сделать элемент прозрачным. Для достижения уровня прозрачности вам необходимо добавить следующее свойство CSS.

**Полностью непрозрачный**

```css
.class-name { 
  opacity:1; 
 } 
 
 или 
 
 .class-name { 
  opacity:1.0; 
 } 
```

**Полупрозрачный**

```css
.class-name { 
  opacity:0.5; 
 } 
 Значение непрозрачности может быть любым от 0 до 1;
```

**Прозрачный**

```css
.class-name { 
  opacity:0; 
 } 
 
 или
 
 .class-name { 
  opacity:0.0; 
 } 
```

В качестве альтернативы вы можете использовать прозрачное значение rgba следующим образом: 

```css

.class-name{
  background-color: rgba(0,0,0,.5);
  }
 ```
В приведенном выше примере, фон имеет черный цвет с прозрачностью 50%. Приведенный выше пример указывает, что фон имеет черный цвет с непрозрачностью 50%. Последним значением значения rgba является альфа-значение. Значение альфа 1 равно 100%, а 0.5 (.5 для краткости) равно 50%. Мы используем этот метод для добавления прозрачности к элементу, не затрагивая содержимое внутри.

[Пример кода для отображения диапазонов непрозрачности фона](https://codepen.io/lvcoulter/full/dVrwmK/)

#### Дополнительная информация:

Для получения дополнительной информации посетите [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity) [Свойство CSS прозрачности в CSS-трюках](https://css-tricks.com/almanac/properties/o/opacity/)

Поддержка браузера: [caniuse](https://caniuse.com/#search=opacity)
{'fraction_non_alphanumeric': 0.105, 'fraction_numerical': 0.018157894736842106, 'mean_word_length': 4.524709302325581, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 10, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6531513', 'n_tokens_mistral': 1631, 'n_tokens_neox': 1743, 'n_words': 364}