css让图片充满容器且不重复
首先声明一下我要实现的是无论图片所在的div宽和高为多少,都能保证图片充满整个容器。background-size:100% 100%;---按容器比例撑满,图片变形;background-size:cover;---把背景图片放大到适合元素容器的尺寸,图片比例不变。因此不能使用cover~~放代码!.main .left{background: url(../img/l...
·
首先声明一下我要实现的是无论图片所在的div宽和高为多少,都能保证图片充满整个容器。
background-size:100% 100%;---按容器比例撑满,图片变形;
background-size:cover;---把背景图片放大到适合元素容器的尺寸,图片比例不变。
因此不能使用cover~~
放代码!
.main .left{
background: url(../img/left.png) no-repeat center 0;
float: left;
width: 15%;
height: 100%;
background-size: 100% 100%;
}
更多推荐
已为社区贡献1条内容
所有评论(0)