A Pen by Flavio De Stefano.

Fake-"Save-image"-with-background-size.markdown

Fake "Save image" with background-size

A Pen by Flavio De Stefano on CodePen.

License.

index.html

<div id="bgcover" style="background-image:url(http://lorempixel.com/640/1010/city/4)">
  <img src="http://lorempixel.com/640/1010/city/4" />
</div>

style.css

#bgcover {
  width: 1000px;
  height: 400px;
  background-size: cover;
  background-position: center;
  position: relative;
}

#bgcover > img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0; right: 0; bottom: 0; top: 0;
  opacity: 0; /* here's the trick */
}