<div class="module"></div>
<div class="module darken"></div>
.module {
  margin: 10px;
  width: 200px;
  height: 150px;
  float: left;
  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/shoes.jpg);
  background-size: cover;
}
.darken {
  background-image: 
    linear-gradient(
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)
    ),
    url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/shoes.jpg);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.