ie6图像拉伸和缩放

Question

我需要能够拉伸图像背景以适应窗口大小，现在它适用于除ie6之外的所有浏览器 我已经在互联网上搜索了一个解决方案，并尝试了我发现的所有东西，但似乎没有任何工作在ie6

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

http://demo.jigsawfinance.com/

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

对于没有ie6的人来说，这是对屏幕视频的捕捉

你可以看到我有很多白色空间，图像也应该扩展

Answer 1

看看这个： Stretch and scale a CSS image in the background - with CSS only

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

Answer 2

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

e.g。

<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');

Answer 3

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

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