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

• Z时代
• 2024-01-10
• 分类：问答

编辑现有答案以改善此职位。它目前不接受新的答案或互动。

在什么情况下，与IMGCSS相对，使用HTML 标签显示图像更合适，background-image反之亦然？

影响因素可能包括可访问性，浏览器支持，动态内容或任何类型的技术限制或可用性原则。

回答：

正确使用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拉伸背景图像以填充其整个窗

以上是 何时使用IMG和CSS背景图片？ 的全部内容， 来源链接： utcz.com/qa/412045.html