拉伸图像作为背景

我需要将图像拉伸为页面背景。如果页面无法很好地缩放也没关系，无论屏幕分辨率如何，整个图像都必须在屏幕上可见。我在 Google 上找到了一些解决方案，但它要么在 Firefox2 或 IE6 中不起作用，要么在两者中都不起作用，我也需要这两个。 我讨厌人们不升级他们的软件，但我仍然在谷歌分析数据中看到这些浏览器点击网页，尤其是 IE6。

有没有好的跨浏览器解决方案？

您可以使用一个好的老式 img 标签，没有高度和宽度属性。在 CSS 中，将其绝对定位为低 z-index，将高度和宽度设置为“100%”。

将页面上的其他所有内容放在另一个具有更高 z-index 的 div 中

像这样：

<style type="text/css">
#stretchy {
    postion: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
}
#everything_else {
    position: relative;
    top: 0;
    left: 0;
    z-index: 10;
}
</style>

...

<img src="/images/myimage.jpg" id="stretchy" />

<div id="everything_else">
    ...
</div>

See http://axoplasm.com/lost.html http://axoplasm.com/lost.html举个例子。

它不完全是一个“背景图像”（并且可能不符合 W3C 标准的 CSS），但它可以工作。