5 августа буду в отъезде. отвечаю по возможности

Свойство opacity

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

Свойство принимает своим значением дробное число от 0 до 1. При этом значение 0 - это полная прозрачность, а значение 1 - полная непрозрачность. Промежуточное значение, например 0.3, задает полупрозрачность. Значение по умолчанию: 1.

Синтаксис

селектор { opacity: число от 0 до 1; }

Пример

В данном примере блоку добавлена полупрозрачность и через границу и текст этого блока просвечивает фон родителя:

<div id="parent"> <div id="elem"> Lorem ipsum dolor sit amet. </div> </div> #parent { background-image: url("bg.png"); background-repeat: no-repeat; background-size: cover; display: inline-block; padding: 30px; } #elem { width: 300px; height: 200px; border: 20px solid black; padding: 10px; font-size: 50px; opacity: 0.7; }

: