小编典典

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

html

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

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

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


阅读 534

收藏
2020-05-10

共1个答案

小编典典

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