使用精灵时响应式背景图像

Question

我正在使用 Twitter Bootstrap 开发一个响应式网站，并且我想让一些背景图像在 sprite 中响应。

现在，我发现 this post 似乎提供了一个很好的方法，但我的问题是，如果更新图像会怎样？通常你可以只使用缓存破坏技术，比如在文件名的末尾附加 ?v=2 之类的东西，但是使用这种方法我不确定这是否可行？ ...或者缓存不是此方法的问题？

如果缓存仍然是一个问题，还有其他可用的方法吗？ ...或者比这更用户友好的东西？

Answer 1

如果您使用的不是透明 gif，缓存应该不是问题。也就是说，因为文件更改的大小应该足以让浏览器提示访问页面时文件不一样。哪个处理客户端缓存。

服务器端缓存不会成为问题，因为服务器会知道修改日期早于加载的最后一个文件，并且应该交付较新的版本。