因此，我希望使用 Sprite Sheet 在 CSS 中制作背景图像。澄清一下，不，我不会去这个效果。我有一个完整的精灵表，我想在该表上取一个 16px x 16px 的正方形，并将其设置为将重复的背景。
在未来的某个时候，我希望能够通过在 URL 参数中使用媒体片段的空间维度，但自从这尚不支持我正在寻找替代方案。有没有办法通过现代 CSS 技术或 hack 来获得同样的效果？
一些注意事项：
- 我不需要支持旧的浏览器，只要最新的 FF 或 Chrome 就可以了。
- 我更喜欢纯 CSS 解决方案。如果需要的话，我可以并且将会使用 data:URI 创建一个 JS/Canvas 解决方案，但考虑到我可能需要多少元素，如果我可以通过纯 CSS 获得更好的结果，我宁愿不必这样做。
- 需要在两者中重复
x and y方向
- 寻找利用内存/缓存中的单个图像的解决方案，这样我就不必为我想要插入的每个精灵加载精灵表
这是一个纯 CSS 解决方案，仅适用于 Firefox，但似乎可以满足您的所有要求。
body{ background-image: -moz-image-rect(
url('http://placekitten.com/500/500'),
0,100,100,0
); }
示例位于http://jsfiddle.net/47CMr/2/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
