在最新的浏览器上是否可以在可缩放的背景图像上使用CSS精灵技术？

Question

我觉得我还在学习CSS的基础知识，因为我正在努力实现看似简单，通用的界面要求。例如，我最近学会了如何使用CSS3属性，允许背景图像缩放到它的容器的尺寸：
http://www.css3.info/preview/background-size/
http://kimili.com/journal/the-flexible-scalable-background-image-redux

另外，我已经了解了CSS sprites的好处：
http://css-tricks.com/css-sprites/

所以，我只想要两者的好处，一个可扩展的接口和最小的http请求。事实上，当我尝试使用具有适当背景图像设置的定位图像精灵时，整个图像文件将在容器中呈现。是否有可能将这两种技术结合起来，还是这是一项毫无价值的尝试？

Answer 1

使用带有div wrapper with alternating relative/fixed states或:before/:after伪图像的前景图像来实现此效果。