internet-explorer-6 - ie6 图像拉伸和缩放

Question

我需要能够拉伸图像背景以适应窗口大小现在它可以在除 ie6 之外的所有浏览器中使用

这是我的演示站点，如果您有 ie6，您将能够看到我的问题我也需要它来拉伸整个宽度和高度，而不会扭曲图像

http://demo.jigsawfinance.com/

任何人都知道可行的解决方案我有img标签等但仍然无济于事

对于那些没有ie6的人，这里是屏幕截图

如您所见，我有很多空白区域，图像也应该扩展

Answer 1

看看这个： 在背景中拉伸和缩放 CSS 图像 - 仅使用 CSS

这种布局似乎也适用于 IE6： http ://www.cssplay.co.uk/layouts/background.html

Answer 2

IE6 没有质量损失的图像拉伸：

<div Style="Position:Relative; Width:2000px; Height:1500px;
Filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
Src='C:\SomePic.jpg',SizingMethod='scale');"></div>

Answer 3

CSS 3 有一种方法可以做到这一点，但由于 IE6 不支持它，我认为你最好的选择是使用 img 标签。

例如

<img src="../images/jigsaw_logo.png" style="width: 100%; position: absolute; top: 0; left: 0; z-index: -1;"/>

这将保留图像的比例并将其移回。

另请注意，在 IE 的 css 中，您可以指定表达式，因此如果您在正常 100% css 宽度上遇到问题，请尝试以下方法：

width: expression(document.body.clientWidth + 'px');