-2
我有36个png关键帧,我想逐个显示。我看到了两种通用的方法:有36 div
块与background-image
不同display
财产,或具有单个div
块,并设置不同的background-image
就可以了。我想知道哪种方式更快。哪个更快:切换显示两个div,或切换背景图像?
我有36个png关键帧,我想逐个显示。我看到了两种通用的方法:有36 div
块与background-image
不同display
财产,或具有单个div
块,并设置不同的background-image
就可以了。我想知道哪种方式更快。哪个更快:切换显示两个div,或切换背景图像?
切换可见性意味着您的图像已经从服务器下载(除非您在加载完成后切换过快)。改变背景会产生新的请求,直到你切换全部。
除非您可以使用精灵并更改背景位置。
我不认为改变显示或背景之间的性能差异很大,它仍然只是改变一些CSS。
你测试过了吗?这似乎是最简单的测试方法......不是? –
使用gif?或动画PNG? – evolutionxbox
@Paulie_D这两种方式看起来都是瞬间的。如果你需要在尽可能多的浏览器上知道答案,测试,你可能会发现一些浏览器更好一种方式,而其他浏览器更好 - 另一种是祝你好运,'更快'我的意思是更有效的资源使用 –