Я вижу это так:
#bg-img{
/* Сначала написать тут все стили фона с изображением. Для примера: */
width: 100%;
height: 100%;
background-image: url(адрес изображения);
position: fixed;
/*Если фон не должен оставаться на месте, то postion: absolute; */
top: 0;
left: 0;
/* Затем присвоить это: */
z-index: 1;
}
#bg-dark{
/* Стили "затемнителя" */
width: 100%;
height: 100%;
position: fixed;
/*Если фон не должен оставаться на месте, то postion: absolute; */
top: 0;
left: 0;
z-index: 2;
/* Теперь делаем фон сначала черным, а потом полупрозрачным */
background-color: #000;
opacity: 0.5;
}