Как сделать два фона?

Question

[kulturaiskusstvo]

Необходимо дляэлемента задать два фона:
первый - изображение,
второй - черный цвет.

При этом один из фонов должен быть полупрозрачным, чтобы изображение казалось более темным (из-за второго черного фона).

Answer 1

[Сергей]

background: #000 url("bg.jpg") no-repeat 50% 50%;

или

background: 
     url( images/aztec_block.png) 0 0 no-repeat/cover,
     url(images/aztec_block.png) 50% 50% no-repeat;

Answer 2

[Кирилл Яковлев]

Я вижу это так:

#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;
}