background-size失效的问题及其基本用法
background-size的用法总结
CSS3 background-size 属性 指定背景图像的大小：
有四种值的写法
当背景图片出现太大或者太小的问题是可以使用cover属性自动铺满
cover于contain的区别是 contain 当x 轴或者y轴自动适应以后 另一个轴将不再拉伸
background-size与background-repeat background-position的区别
background-repeat 是当图像没有完全铺满时 背景图片是否x y轴重复 不会拉伸图像
background-position 用于设置背景图片的位置 而不会拉伸图像
background-size失效的问题
当background-size位于background url属性的上方时将不起作用
效果图如下
background-size位于background url属性的下方时起作用
效果图如下: