<div class="bg-img"></div>
.bg-img {
  width: 100vw;
  height: 100vh;
  position: relative;
  background: url('https://unsplash.it/600x600') center center no-repeat;
  background-size: cover;
  
  &:before {
    content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000000; 
	opacity: .6;
  }
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.