Прозрачность opacity или rgba | CSS

Для того, чтобы через блок просвечивал нижний слой, нужно изменить значение свойства opacity с 1 до 0 или последнюю цифру функции rgba (w3.org).

opacity
rgba
прозрачность
<style>
.opacity {
  font-size: 5em;
  line-height: 3em;
  text-align: center;
  opacity: ;
  background: rgba(255,245,215,);
} 
</style>

<div class="opacity">прозрачность</div>
opacity влияет на весь блок, включая текст. Создаёт новый контекст наложения. Дочерние теги не могут быть ярче родительского элемента.
rgba влияет только на конкретное свойство. В данном случает позволяет видеть сквозь фон и не делает текст прозрачным.
в f t
наверх ↑

4 комментария:

Tatiana Chernetsova
Какая Вы умница!
NMitra
Спасибо, всегда приятно слышать комплименты)))
Unknown
Благодарю. Всё доходчиво и интерактивно...сразу решил свою проблему. Спасибо.
NMitra
Похвала меня здорово стимулирует на написание статей. Спасибо за добрые слова!