① css背景图片自适应屏幕大小
你设置宽度高度值为100%试下
② 关于背景图片自动适应窗口变化 css
这个不好实现。最好是把这张背景图片的边缘跟背景模糊起来,然后背景图片涉及不到的地方用背景色弥补,如果是用js实现的话,js是不能放在css文件里的,js是单独的一个js文件,可以放在网页文件里,也可以在网页文件里调用。
③ css背景图片自适应
实现代码参考:
浏览器支持:
Firefox 3.6+ , Chrome 1.0+ , Opera 9.63+, IE9 +
具体写法
<style>
.container{background-image:url(‘’);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;}
</style>
<body>
<divclass=”container”>
</div>
</body>
④ css怎么设置背景图片自适应,背景不虚
把background-size设为100%即可自适应。
至于虚不虚,那就要看图片本身的分辨率了,一个很小的图片拉大了肯定会虚的,神仙也没办法。
⑤ css body里背景图片自适应
background-size:100% 100%;
背景图片给了之后加上这个就可以了
⑥ CSS背景图片自适应屏幕大小
你可以准备多个尺寸的背景图,用javascript检查浏览器的分辨率,然后根据不同的分辨率调用不同的背景图片做背景。
⑦ css文件 如何使背景图片大小适应div的大小
需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
⑧ 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-repeat9;
background-image:none9;
(此处空一行)
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index.jpg', sizingMethod='scale')9;
}
(8)css3背景图片自适应扩展阅读:
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),设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。
⑨ css怎么让背景图片自适应,背景不虚
用background-size属性,你想给他多大的百分比都可以,不设置表示默认图片大小,设置100%表示全屏显示图片,按比例缩小或者放大
⑩ CSS中让DIV背景图片自适应
把图片设置成合DIV一样的高和宽就行了。但这样会导致图片大小变形了,很难看的。如果选择自适应的话又会使自己的DIV一会大一会小,网站整体都变形了,这个东西不好弄的。