srkp.net
当前位置:首页 >> Div的背景图片自适应问题. >>

Div的背景图片自适应问题.

div style="background:url(图片地址);background-size:100%; 这样就会适应宽度了,background-size属性,有两个参数,background-size:宽 高

body { background: url("./../img/bg.jpg") fixed center center no-repeat; background-size: cover; width: 100%; }

对背景图片设置属性:background-size:cover;可以实现背景图片适应div的大校 background-size有3个属性: auto:当使用该属性的时候,背景图片将保持100% 的大小显示,不进行任何缩放。超过div的多余部分将被隐藏。当图片过小时,图片会自动平...

实现代码参考: 浏览器支持: Firefox 3.6+ , Chrome 1.0+ , Opera 9.63+, IE9 + 具体写法 .container{background-image:url(‘’) ;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;...

尝试下这个...

用background-size属性,你想给他多大的百分比都可以,不设置表示默认图片大小,设置100%表示全屏显示图片,按比例缩小或者放大

首先需要div布局,HTML布局: 背景图片自适应html,body {padding: 0;margin: 0;}div {width: 100%;height: 300px;background: url('images/slide_01_640x340.jpg') no-repeat;background-size: 100% 100%;} 2.HTML代码的截图效果: 3.自适应最重...

可以使用background-size: cover来适应DIV元素的高度和亮度。代码如下: div{background:url(图片地址) no-repeat;width:100%;height:auto;background-size:cover;}这里是内容 background-size 属性规定背景图像的尺寸,IE9+、Firefox 4+、Opera...

适应什么,大小?去适应窗口还是不要覆盖其他组件

你好!其实DIV的宽高要适应于图片的大小,那最好的办法就是不在要div里加入任何的CSS高度和宽度,如果你DIV两边还有内容的话,直接加入一个float就够了,至于宽高都改成auto或为空就行。下面我举个例子,两边分别有DIV,中间放置图像,根据图像...

网站首页 | 网站地图
All rights reserved Powered by www.srkp.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com