javascript - 如何使全屏背景图像大于窗口 View ？

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;
  }