css3 让背景图片缩放简单

前段经老大指点,看了css3的background-size这个属性,能让背景图片调整大小。果然是个好东西。

配合background-position, 可将某些大图片的缩略图处理的更完美,样式更统一。

比如:background-size: auto 80px; 可以将背景图片高度设为80px; 宽度自适应缩小或放大。然后用background-position:center center; 可让图片居中显示为背景。然后外层div框overflow: hidden; 即可达到缩略图的显示。

Posted in CSS

Leave a Reply

电子邮件地址不会被公开。 必填项已用*标注

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>