网页开发里如何让图片只显示中间部分的内容

譬如我有一个背景图片,宽高分别是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;
}

可以不做成背景的截取中间部分吗?

  • 携程人数选择js代码
  • php表单提交到数据库,部分数据提交不成功
  • 下载下来的留言板,怎么让它能在网页里生效?
  • 关于js的命名函数表达式的疑惑
  • c3.js的data.groups功能,第一个框选择了data1,第二个输入框下拉列表中过滤掉data1,只出现data2..
  • 求问,什么方法能画出如图红色框中的条状光线
  • 页面刷新问题!
  • 为了缩减页面,大家做移动web前端开发时用什么库和框架?
  • 为什么在chrome和firefox下scrollHeight的取值不同?
  • css的问题
  • 将百度Ue的上传路径改为直接上传至阿里Oss?