растяжение и масштаб изображения ie6

Question

Мне нужно иметь возможность растягивать фон изображения, чтобы он соответствовал размеру окна, теперь он работает во всех браузерах, кроме ie6 Я бесконечно искал решение в Интернете и перепробовал все, что нашел, но, похоже, ничего не работает в 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;"/>

Это сохранит пропорцию вашего изображения и переместит его обратно.

Также обратите внимание, что в css IE вы можете указать выражения, поэтому попробуйте следующее, если у вас возникли проблемы с нормальной шириной css 100%:

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