譬如我有一个背景图片,宽高分别是1400:900,由于屏幕大小限制,只能显示1000:800,那么如何保持图片的原始大小,同时图片显示的范围为图片的正中央。
随着窗口的扩大,显示的内容才会扩大。
html {
height: 100%;
}
body {
min-height: 100%;
background-image: url();
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
背景图要足够大。
background-position:50% 50%
可以不做成背景的截取中间部分吗?
background-size:cover
该属性属于css3
低级别浏览器不支持
html {
height: 100%;
}
body {
min-height: 100%;
background:url(../images/img.png) no-repeat center center;
background-size: cover;
}