2016-09-21 54 views
-2

我有36个png关键帧,我想逐个显示。我看到了两种通用的方法:有36 div块与background-image不同display财产,或具有单个div块,并设置不同的background-image就可以了。我想知道哪种方式更快。哪个更快:切换显示两个div,或切换背景图像?

+0

你测试过了吗?这似乎是最简单的测试方法......不是? –

+0

使用gif?或动画PNG? – evolutionxbox

+0

@Paulie_D这两种方式看起来都是瞬间的。如果你需要在尽可能多的浏览器上知道答案,测试,你可能会发现一些浏览器更好一种方式,而其他浏览器更好 - 另一种是祝你好运,'更快'我的意思是更有效的资源使用 –

回答

0

切换可见性意味着您的图像已经从服务器下载(除非您在加载完成后切换过快)。改变背景会产生新的请求,直到你切换全部。

除非您可以使用精灵并更改背景位置。

我不认为改变显示或背景之间的性能差异很大,它仍然只是改变一些CSS。