何时使用IMG和CSS背景图片？
编辑现有答案以改善此职位。它目前不接受新的答案或互动。
在什么情况下，与IMGCSS相对，使用HTML 标签显示图像更合适，background-image反之亦然？
影响因素可能包括可访问性，浏览器支持，动态内容或任何类型的技术限制或可用性原则。
问题答案：
正确使用IMG
- 使用
IMG，如果你打算让人们打印您的网页，你想被默认包含在图像。-JayTee - 当图像具有重要的语义含义（例如警告图标时，请使用
IMG（带有alt文本）。这确保了可以在所有用户代理（包括屏幕阅读器）中传达图像的含义。
IMG的实际使用
IMG如果图像是徽标，图表或人物（真实人物，而不是摄影人物）等内容的一部分，请使用加号alt属性。—sanchothefat- 使用
IMG，如果你依赖于浏览器的缩放比例，以文字的大小呈现图像。 - 使用
IMG了在IE6多的重叠影像。 -
IMG与a配合使用z-index以拉伸背景图像以填充其整个窗口。
注意，CSS3 background-size不再适用。请参阅下面的＃6。 -
使用
img代替background-image可大大提高背景动画的性能。
何时使用CSS背景图片
- 如果图像不属于内容，则使用CSS背景图像。— sanchothefat
- 在进行文本图像替换时，请使用CSS背景图像。段落/标题。— sanchothefat
- 使用background-image，如果你打算让人们打印您的网页，你不想被默认包含的图像。— JayTee
- 使用background-image，如果你需要提高下载时间，与CSS的精灵。
- 使用background-image，如果你需要对图像的仅一部分是可见的，与CSS的精灵。
- 用于background-image与background-size:cover拉伸背景图像以填充其整个窗
-
下面的外部CSS页面示例中的快速简单问题； 我知道它们会影响不同的元素选择器，我的问题是使用背景和背景图像有什么区别？一方可以访问另一方的特定属性吗？谢谢你。
-
问题内容： 如何使用CSS翻转任何背景图片？可能吗？ currenty我使用这个箭头图像中background-image的liCSS中 开启：visited我需要水平翻转此箭头。我可以这样做来制作另一个箭头图像，但我只是好奇地知道是否有可能在CSS中翻转图像:visited 问题答案： 在看到Alex的答案出现翻转的线索后，我发现只翻转背景而不是整个元素的方法。谢谢亚历克斯的回答 HTML CS
-
问题内容： 如果选择了该面板（单击该面板），则该面板的颜色为蓝色。另外，我在该面板上添加了一个小标志（图像），它表示所选面板之前已被选中。 因此，如果用户看到例如10个面板，其中有4个带有这个小标记，则他知道自己之前已经单击了这些面板。到目前为止，这项工作还不错。现在的问题是我无法显示小标志并使面板同时变为蓝色。 我使用css将面板设置为蓝色，使用设置背景图像。但是背景色似乎在图像上方，因此您看不
-
问题内容： 应该是一个相当简单的问题。在我的网站上，我这样做： 我想做的是使背景图像变暗。由于我在该DIV中包含UI元素，因此我认为我真的不能在其上放置另一个div来使其变暗。有什么建议吗？ 问题答案： 您可以将CSS3 LinearGradient属性与背景图像一起使用，如下所示： 这是一个演示：
-
问题内容： 我一直在尝试在背景图片的顶部使用线性渐变，以使背景底部的阴影效果从黑色变为透明，但似乎无法使其显示。 我在这里阅读了其他案例和示例，但没有一个对我有用。我只能看到渐变或图像，但不能全部看到。 只需单击第一个徽标，就忽略该效果，此后我要尝试的是整个网站的正文。 这是我的CSS代码： 问题答案： 好的，我通过 在行尾 添加背景图片的网址来解决此问题。 这是我的工作代码：
-
问题内容： 我想居中背景图像。没有使用div，这是CSS样式： 上面的CSS会全部平铺并将其居中，但是看不到一半的图像，只是向上移动了一点。我想做的就是将图像居中。我可以在21英寸的屏幕上观看图像吗？ 问题答案： background-image: url(path-to-file/img.jpg); background-repeat:no-repeat; background-position