Как затемнить блок с картинкой?

Question

[lavezzi1]

Здравствуйте. Затемняю так:

.background-wrapper {
	@include clearfix;
	background-image: url(img/header-background.jpg);
	background-size: cover;
	background-position: center;
	min-height: 100%;
	position: relative;
	&:before {
    	content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-image: linear-gradient(to bottom right,#002f4b,#dc4225);
		opacity: .6;
	}

Проблема в том, что градиент ложится поверх всех элементов, нужно чтобы он лежал над картинкой но под всеми элементами. Пробовал и z-index расставлять, не работает.

UPD: Получилось. Wrapper - z-index: 10, а псевдо -1. Это валидно, так делают?

Answer 1

[Алексей Быков]

одной строкой:

background: linear-gradient(значения), url('http://ссылка_на_картинку');