CSS精灵表现和拖放

Question

是否有人知道使用CSS精灵作为可拖动元素的背景图像是否会对性能产生负面影响 - 尤其是在平板电脑或移动设备等支持触控的设备上？

每个项目大约50px x 50px，精灵是800px x 1400px（20kb）

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

Answer 1

当您拖动设置了背景位置的元素时，不会调整背景位置，只调整元素的left和top值。对于精灵而言，800 x 1400相当大，即使是20kb，这也只是性能问题。特别是在移动设备上。