div+css怎么让背景图片自动缩放

微信公开课小程序热门讨论「div+css怎么让背景图片自动缩放」最新回复-.imgDiv{width:500px;height:500px;backgroundimage:url(../images/index.jpg);mozbackgroundsize:100%100%;obackgroundsize:100%100%;webkitbackgroundsize:100%100%;backgroundsize:100%100%;mozborderimage:url(./btn.png)0;backgroundrepeat:norepeat9;backgroundimage:none9;（此处空一行）filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/index.jpg,sizingMethod=scale)9;}扩展资料：css控制背景图片自动伸缩自适应的小技巧例子如下：.picLUp{background:url(logo.png)norepeat;width:100%;height:40%;backgroundsize:100%100%;}语法：filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=bEnabled,sizingMethod=sSize,src=sURL)属性：enabled:可选项，布尔值(Boolean)，设置或检索滤镜是否激活。true|falsetrue:默认值，滤镜激活。false:滤镜被禁止。sizingMethod:可选项，字符串(String)，设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。
你指的自动缩放，是根据窗口（容器）大小改变而自动改变背景图的大小么？如果是，请看下面：bodydivstyle=width:100%;height:50px;background: url(a.jpg)no-repeat centertop;background-size:100%;/div/body在body里放一个div，宽度为100%（与浏览器窗口一样宽），然后给div添加背景图，这个窗口大小改变时，div的大小因为设置为100%所以一起改变。这里div的背景图也会随div大小的改变而一起改变，因为为图片设置了background-size:100%;这个css样式，它的意思是规定背景图像的尺寸，但这个css样式使用时需要注意，有些浏览器是不支持的，比如IE要求9+的版本才可以支持。你可以把这段代码拷贝到你的html中测试一下，有问题可以随时追问。以上，希望对你有帮助。 更多有关「div+css怎么让背景图片自动缩放」的疑问请扫码关注微信公开课+小程序！