Can background-size: 100%; be used instead of adding space between image sprites?

0 padding / offset
You can see on zoom the image does not bleed through here.

Added: background-size: 100%;
https://jsfiddle.net/x7z8n9sm/1/

.container-left .jacketd,
.container-left .wraph {
  background: url("https://i.imgur.com/baApP9x.png") no-repeat 0 0;
  background-size: 100%;
}

0 padding / offset
You can see on zoom the image bleeds through here.

Removed: background-size: 100%;
https://jsfiddle.net/5mnzh42q/4/

.container-left .jacketd,
.container-left .wraph {
  background: url("https://i.imgur.com/baApP9x.png") no-repeat 0 0;
}

You seem to have answered your own question :slight_smile:

3 Likes