background-clip属性指定背景的绘制区域
语法:background-clip: border-box | padding-box | content-box;
共有三个属性值 border-box(背景图像超出边框将会被裁剪掉) |
padding-box(背景图像超出内边距将会被裁剪掉) |
content-box(背景图像超出内容框将会被裁剪掉)
兼容性
IE9+ ,Firefox,chrome,opera,safari
背景图像定位 background-origin属性指定了背景图像的位置区域
语法:content-box | padding-box | border-box
兼容性:
IE9+,Firefox4+,chrome,opera,safari5+
背景图像的大小 background-size设置背景图片的大小
语法:background-size:length | percentage |
cover( 把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。)|
contain(把图像图像扩展至最大尺寸,以使其宽度和高度完全适应内容区域。至少有一边适应其宽度和高度)
兼容性:
IE9+,Firefox4+,chrome,opera,safari5+
多重背景图像 css允许为元素设置多个背景图像
**
语法: background:color position size repeat origin clip attachment(图片是否随着滚动条的滚动而滚动) image**