有几个CSS的属性要提一下：background-size：cover，这个CSS3的属性作用是把背景图像扩展至足够大，以使背景图像完全覆盖背景区域，背景图像的某些部分也许无法显示在背景定位区域中，如果不使用这个属性，在IE11和FireFox中缩放浏览器，背景图片会随之缩小，同时使用-webkit-background-size: cover和-o-...
在css3中怎样使背景颜色缩放，而边框不动
有几个CSS的属性要提一下：background-size：cover，这个CSS3的属性作用是把背景图像扩展至足够大，以使背景图像完全覆盖背景区域，背景图像的某些部分也许无法显示在背景定位区域中，如果不使用这个属性，在IE11和FireFox中缩放浏览器，背景图片会随之缩小，同时使用-webkit-background-size: cover和-o-background-size: cover兼容webkit内核浏览器和Opera浏览器；background-attachment属性设置背景图像是否固定或者随着页面的其余部分滚动，当设置为fixed时页面的其余部分滚动时，背景图像不会移动。2017-07-02
不知道CSS3 的 background-clip 属性是否能满足你的需求。这个属性可以规定背景的绘制区域，代码如下 ：
<!DOCTYPE html><html> <head> <title></title> <style> .rect { width:120px; height:120px; border:1px solid #999; padding:5px; background-color:green; background-clip:content-box; } </style> </head> <body> <div class="rect"></div> </body></html>结果如下：
将 background-clip 属性值设置为 content-box 将背景内容裁剪到内容框，这样只要改变 padding 值就可以实现边框不动，颜色变动。
2017-08-14
background-size:百分比2016-04-23
background-clip: content-box | padding-box | border-box2017-08-14
能再详细一点吗，描述的2016-04-28
背景是颜色，缩放了不还是那个颜色吗，有意义？2017-08-15
