Прозрачный задний фон но не текст

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

Попробуй использовать

background-color:rgba(50,50,50,0.6);

Такое прокатит насколько я знаю только если у тебя вложенные элементы так же не имеют background, таким макаром делают иногда верхнее меню совмещенное с слайдером, так же часто играются с таким свойством с помощью псевдо класса hover.

.box:hover {
background-color:rgba(50,50,50,0.9);
color:rgb(250, 250, 210);
}

При наведении блок будет становится более отчетливым при наведении)