无法使用css获得响应式精灵

Question

我正在尝试构建一个响应式网站，特别是使用由8个不同图像分割的精灵。我认为使图像响应的通常方法是使用如下的css：

CSS:
  div {
     width: 25%;

 img {
    max-width:100%;
     }
}

但问题是我无法找到一种方法来使我的精灵响应，因为img被设置为div的背景并且调整不是动态设置的。