div+css怎么让背景图片自动缩放
.imgDiv{
width:500px;
height:500px;
background-image:url('../images/index.jpg');
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
-moz-border-image: url(./btn.png) 0;
background-repeat:no-repeat\9;
background-image:none\9;
(此处空一行)
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index.jpg', sizingMethod='scale')\9;
}
扩展资料:
css控制背景图片自动伸缩自适应的小技巧
例子如下:
.picLUp{
background:url(logo.png) no-repeat;
width:100%;height:40%;
background-size:100% 100%;
}
语法:
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
属性:
enabled:
可选项,布尔值(Boolean),设置或检索滤镜是否激活。true | false
true:
默认值,滤镜激活。
false:
滤镜被禁止。
sizingMethod:
可选项,字符串(String),设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。
广告 您可能关注的内容 |