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

本文探讨了在不同场景下如何选择使用img标签或CSS background-image。从打印需求、语义表达、性能优化、内容相关性等方面进行了详细对比,帮助开发者做出更合理的选择。

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


来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/69913892/viewspace-2642415/,如需转载,请注明出处,否则将追究法律责任。

转载于:http://blog.itpub.net/69913892/viewspace-2642415/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值