css超出部分省略号_css 背景图片自动缩放实例

【www.bbyears.com--flex】

默认情况下,背景属性是平铺的,如果背景图片较大,而box小,那么就只能显示左上角那块背景.如果要让背景全部显示出来,

.color_checked {
 float: right;
 width: 16px;
 height: 16px;
 background: url(../images/color_check.png) center 0 no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

如果你还希望图片自动缩放

#blogcon img { max-width: 400px; max-height: 400px; width: expression(this.width>400 && this.width>this.height ? 400 : true); height: expression(this.height > 400 ? 400 : true); }

这段话的意思解释一下：将id为blogcon标签下面的所有图像img标签的最大宽度设置为400px，最大高度设置为400px，宽度的判断如果图片宽度和高度都大于400的时候将高度按比例缩放。

原文来自:应用开发笔记

本文来源：http://www.bbyears.com/flash/44323.html