img标签元素与具有背景图像的div之间的性能差异?

Yar*_*rin 6 html javascript performance image

在img标签与具有图像背景的div中显示图像时,性能或加载/缓存行为是否有任何差异?

我的例子:

我有一个有很多重叠图像的网站,其中一些我需要用javascript动态加载.一个问题是我需要将图像锚定在元素的右侧,这样我才能做出很好的擦除效果.因此我使用了一个div,背景图像位置正确.无法弄清楚如何用img做到这一点,但由于div正在为我工​​作,我不知道这是否重要...

mr.*_*. w 12

AFAIK,无论是DIV还是IMG,浏览器都会对图像进行缓存.在任何情况下,我认为这种情况之一是将特定性能定义为每个呈现引擎内部的实现细节(可能还有围绕它们构建的浏览器).因此,它不受我们作为设计人员/开发人员的控制,并且可能会从浏览器更改为浏览器,从版本更改为版本.换句话说,我不会花太多时间担心它.


Ben*_*Ben 10

主要的性能差异是使用背景图像允许您使用CSS精灵.让一个图像包含来自页面的大量图像意味着用户只需要为每个图像发出一个请求而不是一个请求.