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%; }

自适应? 那就把背景图片平铺显示了 如果想div变大图片也变大,用背景图片(background-image)是做不到的

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

那个div上有padding,写个padding:0; 就行了

尝试下这个...

这个属于img属性问题。 img标签属于行变量标签,和文字一样,下面有一个字间距。 你对img属性,增加一个 display:block; 即可去掉下面空白。

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