只是在工作中抛出一个扳手-我的意见是，你不应该使用img标签。HTML意味着内容，而不是视觉风格。你页面上的所有图像都应该来自CSS，让你的HTML代码纯粹。(即使它确实需要更长的时间来构建)

IMG首先加载，因为src是在html文件本身，而在背景图片的情况下，源是在样式表中提到的，所以图片在样式表加载后加载，延迟了网页的加载。

在多个皮肤或设计版本的情况下使用CSS背景图像。Javascript可以用来动态地改变一个元素的类，这将迫使它呈现不同的图像。如果使用IMG标签，可能会更加棘手。

只在必要的时候使用背景图像，例如容器的图像是平铺的。

其中一个主要的优点是使用图像是更好的搜索引擎优化。

当我想让它们100%可拉伸时，我使用image而不是background-image，大多数浏览器都支持。

这里有一个技术上的考虑:图像是动态生成的吗?在HTML中生成<img>标记往往比尝试动态编辑CSS属性容易得多。