如何使全屏背景图像大于窗口视图？

Question

我有一个使用此代码的全屏背景网页

html, body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}

#background-image{
  z-index: -999;
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  }

这没关系，但我想要做的是隐藏图像的4个边框并使图像在背景中居中。

看一下这张图片来描述我真正需要的东西 https://dl.dropbox.com/u/7064770/Untitled-1.png

任何javascript代码也被广泛接受

Answer 1

使用CSS3 background-size属性：

尝试此操作

#background-image{
  background-size:cover;
  z-index: -999;
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  }