CSS Sprite 表现和拖放

Question

有谁知道将 CSS Sprite 用作可拖动元素的背景图像是否会对性能产生不利影响 - 特别是在支持触摸的设备(例如平板电脑或移动设备)上？

每个元素大约为 50px x 50px， Sprite 图为 800px x 1400px (20kb)

我只是想知道在拖动和重新定位背景图像时，浏览器是否正在努力重新定位背景图像？

Answer 1

当您拖动设置了背景位置的元素时，不会调整背景位置，只会调整元素的 left 和 top 值。 800 x 1400 对于 Sprite 来说已经相当大了，即使是 20kb，那也只是性能问题。尤其是在移动设备上。