该如何选择 background-image 和 img 标签

用img标签

1. 若是你但愿别人打印页面时候包含这张图片请使用 img 标签
2. 当这张图片有很是有意义的语义，好比警告图标，请使用img标签及它的alt属性。这样意味着你能够向全部的用户终端现实他的意义。
3. IE6下 背景图片不能益出父级元素 要使用img multiple overlay images in IE6.
4. 若是你使用动画img动画要比background-image 表现更好improve performance of animations over a background

何时用 CSS background-image

1. 若是图片不是内容的一部分使用 background-image
2. 若是使用图片替换文字请使用 background-image
3. 若是你不但愿别人打印页面时候包含这张图片请使用 background-image
4. 若是你想改善加载时间 使用 CSS sprites
5. 若是你只想用一张图片的一部分 请使用 CSS sprites
6. 用background-image 以及 background-size:cover 拉伸填充整个窗口