Как добавить изображение в текст с непрозрачностью?

Question

Что мне нужно, чтобы добавить изображение в качестве фона для моего текста с непрозрачностью

Я хочу, чтобы это выглядело, как это изображение:

Кто-то знает, как это сделать? Заранее спасибо !

Answer 1

Вы можете обернуть свой текст в div и установить непрозрачность меньше единицы, что сделало бы все в пределах этого полупрозрачного div.

Для того, чтобы только текст сквозной, просто установите цвет быть значение RGBA, где < 1. Как это:

color: rgba(255,255,255,0.7); 

Вот скрипка с последним решением: http://jsfiddle.net/fu3r0865/

Answer 2

использовать свойство непрозрачности как это.

opacity: 0.5; 

Значение непрозрачности от 0 до 1. 1 по умолчанию.