css如何使div背景图片填充
0
[待解决问题]
css如何使固定大小的div的背景图片按照比例填充在该div中,谢谢了
所有回答(9)
0
设置img的大小 和div的大小一样
1
background:url('') repeat
0
background:url('');
background-repeat: repeat;(默认的)
要找到div的id或class
0
CSS表达式
0
按比例是指按图片所在的div的宽高比例？可以这样：<div><img src="..."></div> 其中div设好了width和height，img设height:100%;width:100%;
这样图片就会跟着div的大小变化而变化了。但是有个缺点，图片有可能会失真。
如果使用background的话，则不能改变图片的大小了。
0
首先你需要保证背景图片的比例与 div 一致，然后再给 div 加上：background-size: cover; -moz-background-size: cover; 应该就可以了。其实我觉得最好把背景图片的尺寸准备好，毕竟上面这个属性在低版本的浏览器无效。
0
高版本用css3就是background-size: cover; -moz-background-size: cover;对于低版本浏览器的用js实现https://github.com/srobbin/jquery-backstretch
0
0
img{
width: auto;
height: auto;
}
