cross-browser - 不同浏览器中的背景大小

Question

我在不同浏览器上显示缩放背景时遇到了一些困难。我在 Google chrome 浏览器上创建了该网站，但在 iPhone 或早期版本的 IE 上加载该网站时，背景没有缩放，或者根本不显示。

我只是简单地使用了 css 代码:

background-size: 100% 150%;

然后我改成:

background-size: auto;

但是这样还是会带来一些麻烦。 知道如何在版本 6 到现在的每个浏览器和 IE 上调整/缩放此图像吗？

编辑

使用下面的代码，一切都适用于 Chrome、FF 和最新的 IE，但是在 IE8(我认为是更低版本)上它显示未拉伸(stretch)的图片。在 iPhone 上它根本不显示任何内容。 :/

#head-div
{
    padding-bottom: 15%;
    width: 100%;
     background: url(../img/banner.gif) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banner.gif', sizingMethod='scale');
}

Answer 1

body {
  background: url(image.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.jpg',     sizingMethod='scale');
  -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.jpg', sizingMethod='scale');
}

这些是跨浏览器的要求。这些确切问题中大约有 5 个已经在堆栈溢出中，答案与我的完全一样，所以没有必要问这个问题