何时使用IMG和CSS背景图片？

正确使用IMG

1. 使用

   IMG

   ，如果你打算让人们打印您的网页，你想被默认包含在图像。-JayTee
2. 当图像具有重要的语义含义（例如警告图标时，请使用

   IMG

   （带有

   alt

   文本）。这确保了可以在所有用户代理（包括屏幕阅读器）中传达图像的含义。

IMG的实际使用

1. IMG

   如果图像是徽标，图表或人物（真实人物，而不是摄影人物）等内容的一部分，请使用加号alt属性。—sanchothefat
2. 使用

   IMG

   ，如果你依赖于浏览器的缩放比例，以文字的大小呈现图像。
3. 使用

   IMG

   了在IE6多的重叠影像。

4. IMG

   与a配合使用

   z-index

   以拉伸背景图像以填充其整个窗口。
   注意，CSS3 background-size不再适用。请参阅下面的＃6。
   

5. 使用

   img

   代替

   background-image

   可大大提高背景动画的性能。

何时使用CSS背景图片

1. 如果图像不属于内容，则使用CSS背景图像。— sanchothefat
2. 在进行文本图像替换时，请使用CSS背景图像。段落/标题。— sanchothefat
3. 使用background-image，如果你打算让人们打印您的网页，你不想被默认包含的图像。— JayTee
4. 使用background-image，如果你需要提高下载时间，与CSS的精灵。
5. 使用background-image，如果你需要对图像的仅一部分是可见的，与CSS的精灵。
6. 用于background-image与background-size:cover拉伸背景图像以填充其整个窗