好程序员分享该如何选择background-image和img标签

简介:   好程序员分享该如何选择background-image和img标签,用img标签  如果你希望别人打印页面时候包含这张图片请使用img标签  当这张图片有非常有意义的语义,比如警告图标,请使用img标签及它的alt属性。

  好程序员分享该如何选择background-image和img标签,用img标签
  如果你希望别人打印页面时候包含这张图片请使用img标签
  当这张图片有非常有意义的语义,比如警告图标,请使用img标签及它的alt属性。这样意味着你可以向所有的用户终端现实他的意义。

IE6下背景图片不能益出父级元素要使用
imgmultipleoverlayimagesinIE6.

  如果你使用动画img动画要比background-image表现更好
improveperformanceofanimationsoverabackground

  什么时候用CSSbackground-image

  如果图片不是内容的一部分使用background-image

  如果使用图片替换文字请使用background-image

  如果你不希望别人打印页面时候包含这张图片请使用background-image

  如果你想改善加载时间使用CSSsprites

  如果你只想用一张图片的一部分请使用CSSsprites

  用background-image以及background-size:cover拉伸填充整个窗口

相关文章
|
3月前
|
搜索推荐
img标签上title与alt属性的区别是什么?
img标签上title与alt属性的区别是什么?
33 0
|
7月前
|
前端开发
background-image中的细节
background-image中的细节
|
18天前
|
前端开发
背景图像[background-image]
背景图像[background-image]。
9 1
|
3月前
|
数据采集 算法 前端开发
img标签中的title和alt属性有什么区别
img标签中的title和alt属性有什么区别
17 0
|
10月前
|
移动开发 前端开发
h5 video以及img控件加上border显示不全的解决方案!
h5 video以及img控件加上border显示不全的解决方案!
216 0
|
Web App开发 前端开发
给Img标签设置height和width属性
给Img标签设置height和width属性
503 0
|
数据采集 前端开发 JavaScript
|
Web App开发 UED
简单实用的原生img替换方案:xy-img
简单实用的原生img替换方案:xy-img
简单实用的原生img替换方案:xy-img
|
Web App开发 前端开发 Android开发