CSS3 background-size有什么作用? 兼容性如何? 常用的值是?

  • 定义：background-size 属性规定背景图像的尺寸。
  • 兼容性：IE9+、Firefox 4+、Opera、Chrome 以及 Safari 5+ 支持 background-size 属性。
  • 用法：background-size: length|percentage|cover|contain
    length：设置背景图像的高度和宽度。第一个值设置宽度，第二个值设置高度。
    percentage：以父元素的百分比来设置背景图像的宽度和高度。第一个值设置宽度，第二个值设置高度。
    cover：把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。
    contain：把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • background属性详解
    1. 定义和用法 background是一个简写属性，可以在一个声明中设置所有的背景属性，可设置的属性如下： 这些...
    lightNate阅读 4,445评论 2赞 9
  • Css专题总结
    选择qi：是表达式 标签选择器 类选择器 属性选择器 继承属性： color，font，text－align，li...
    wzhiq896阅读 1,807评论 0赞 2
  • Css专题总结
    选择qi：是表达式 标签选择器 类选择器 属性选择器 继承属性： color，font，text－align，li...
    love2013阅读 2,342评论 0赞 11
  • CSS3的正确打开方式（详解|持续更新）
    话题背景：如今网页展示的姿势是这样的 图片来自：设计之家 炫酷的网页展示，支撑它的正是强大的CSS3，还有什么理由...
    aliensq阅读 2,072评论 0赞 2
  • 【针管笔手绘01】人工智能机器人
    如果未来人工智能机器人统治地球，成为新世纪的主宰者，那么人类将会怎样？——2017.2.9记
    爱画画的panda阅读 1,147评论 8赞 6