与sanchothefat的回答大致相同，但从不同的角度。我总是问自己:如果我要完全从网站上删除样式表，剩下的元素只属于内容吗?如果是这样，我的工作做得很好。

对我来说，这是个非黑即白的决定。如果图像是内容的一部分，如logo、图表或人物(真实人物，而不是库存照片人物)，则使用<img />标记加上alt属性。其他的都有CSS背景图片。

另一个使用CSS背景图像的时间是在做文本的图像替换时。段落/头。

与sanchothefat的回答大致相同，但从不同的角度。我总是问自己:如果我要完全从网站上删除样式表，剩下的元素只属于内容吗?如果是这样，我的工作做得很好。

如果你只想为页面上的特殊内容或仅为一个页面添加图像，你应该使用IMG标签，如果你想把图像放在多个页面上，那么你应该使用CSS背景图像。

我很惊讶没有人提到这个:CSS过渡。

你可以本地转换一个div的背景图像:

#some_div {
    background-image:url(image_1.jpg);
    -webkit-transition:background-image 0.5s;
    /* Other vendor-prefixed transition properties */
    transition:background-image 0.5s;
}

#some_div:hover {
    background-image:url(image_2.jpg);
}

这将保存任何类型的JavaScript或jQuery动画来淡化<img/>的src。

更多关于MDN转换的信息。

Img是一个HTML标记是有原因的，因此应该使用它。用于引用或说明事物，如在文章中。

此外，如果图像有意义或必须是可点击的，img比css背景更好。对于所有其他情况，我认为，css背景可以使用。

尽管这是一个需要反复讨论的话题。

来自法国巴黎的学生