.meassure-1, .meassure-2, .meassure-3 { background-image: url('../../img/test-repeat.png?23071384207639'); background-repeat: repeat-x; background-position-x: 0%; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .meassure-1, .meassure-2, .meassure-3 { /* Retina sprite */ background-image: url('../../img/test-repeat@2x.png?23071384207639'); background-size: 378px auto; background-repeat: no-repeat; background-position-x: 100%; } } .meassure-1 { background-position: 0px -100px; width: 378px; height: 50px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .meassure-1 { /* Retina sprite */ background-position: -252px -100px; } } .meassure-2 { background-position: 0px -50px; width: 378px; height: 50px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .meassure-2 { /* Retina sprite */ background-position: -126px -50px; } } .meassure-3 { background-position: 0px 0px; width: 378px; height: 50px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .meassure-3 { /* Retina sprite */ background-position: 0px 0px; } }