background-size可以收缩背景图片，当背景图片过大或者大小不合适时background-size能迅速的进行缩放处理，不用动用ps。很方便。浏览器IE8以下不支持，火狐3.5以下不支持，谷歌、opera、苹果都支持。
当普通传背景图时，设置的宽高和图片的一样，这样页面上显示出来的图片就会完全：
和div的边框紧贴。
但是图片太大，页面还要放别的东西呢。要缩小图片啦。background-size出现：
-webkit-background-size:80px 80px;//在前面要加-webkit-或者-o-，为了对应不同的引擎
啊，图片缩小了，成功！不过图片被挤压了不好看，看来设置值的时候要算一算。
代码：<style type="text/css" media="screen">
.div1{width: 400px;
height: 533px;
background: url(img/38dbb6fd5266d016c431bb77972bd40735fa3540.jpg)no-repeat;border: 1px solid red;
-webkit-background-size:80px 80px;}
</style>
<body>
<div class="div1"></div>
</body>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
