Как правильно использовать прозрачность(opacity в background-image)?
Допускается множественный background-image, а для того, чтобы использовать цвет в нем можно применить linear-gradient:background-image: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.6)), url('http://www.rofl.com.ua/images/2008/cutest_animal_babies_17.jpg');
Еще как вариант: создаете блок с картинкой, на него вешаете блок с прозрачным bg и текстом, например:<div class="bg-image">
 <div class="bg-color">Текст</div>
</div>.bg-image {background: url(LINK);}
.bg-color {background:rgba(0,0,0,0);}
.bg-image:hover .bg-color {background: rgba(0,0,0,.95);}