好程序员分享该如何选择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拉伸填充整个窗口

相关文章
|
10月前
|
搜索推荐
img标签上title与alt属性的区别是什么?
img标签上title与alt属性的区别是什么?
399 0
|
前端开发
background-image中的细节
background-image中的细节
|
2月前
|
Shell
Image provider: AssetImage(bundle: null, name: “assets/images/hot.png”) Image key: AssetBundleImageKey(bundle: PlatformAssetBundle#9d9f7(), name: “assets/images/hot.png”, scale: 1) 图像无法加载,并且其他图标图像也出错的解决方案-优雅草卓伊凡
Image provider: AssetImage(bundle: null, name: “assets/images/hot.png”) Image key: AssetBundleImageKey(bundle: PlatformAssetBundle#9d9f7(), name: “assets/images/hot.png”, scale: 1) 图像无法加载,并且其他图标图像也出错的解决方案-优雅草卓伊凡
51 12
|
10月前
|
UED 开发者 容器
【CSDN创作优化2】内嵌图片 `<img>` 标签`height`和`width`属性
【CSDN创作优化2】内嵌图片 `<img>` 标签`height`和`width`属性
90 2
|
10月前
|
前端开发
背景图像[background-image]
背景图像[background-image]。
97 1
|
10月前
|
数据采集 算法 前端开发
img标签中的title和alt属性有什么区别
img标签中的title和alt属性有什么区别
67 0
|
iOS开发
使用AutoLayout约束, 为啥图片的大小(Image size)却还以实际大小显示?
问题 给一个 UIImageView 设置一张图片时,使用 AutoLayout 给 UIImageView 约束宽高,但是实际显示的大小,图片以实际的大小显示出来,代码也没有设置 frame,设置contentMode为UIViewContentModeScaleAspectFit 也不起作用。
1140 0
|
数据采集 前端开发 JavaScript
|
JavaScript
Element UI - el-image 图片初始化加载爬坑
Element UI - el-image 图片初始化加载爬坑
3378 0
Element UI - el-image 图片初始化加载爬坑
|
Web App开发 UED
简单实用的原生img替换方案:xy-img
简单实用的原生img替换方案:xy-img
简单实用的原生img替换方案:xy-img