IE6 PNG

[d0ublezer0]

Для просмотра этого глюка необходим IE6:

http://denver.transmagistral.ru/

для слоя с мужиком на картинке отрабатывает правило:

<!--[if lt IE 7]>
			<style>
	.png {
		_behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
		this.src = "img/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
		this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
	}
			</style>

		<![endif]-->

В результате чего мужик слетает влево, хотя основной CSS:

#man{
background-image:url(/images/image16.png);
background-position:100% 65px;
background-repeat:no-repeat;
height:490px;
}

Как исправить поведение фона в IE?

[Justnewone]

Использовать другие способы, я знаю как минимум 2. Погуглите. Полно.

[d0ublezer0]

Другой способ задать прозрачность или другой способ позиционировать?

Вопрос "в лоб" поставил Гугль в тупик.

Точнее, меня.

Я прошу прощения, но сегодня день после празднования ДР, поэтому соображаю туго.

Если не лень, дайте ссылку с ответом?

Спасибо.

[Justnewone]

Другой способ задать прозрачность или другой способ позиционировать?

Вопрос "в лоб" поставил Гугль в тупик.

Точнее, меня.

Я прошу прощения, но сегодня день после празднования ДР, поэтому соображаю туго.

Если не лень, дайте ссылку с ответом?

Спасибо.

Я пользуюсь этим.

[mishka]

Тут все правильно работеет. Дело в том что вы убираете бг, а вместо него фключаете фильтр для ие6. Но фильтры не позиционируются.

Выход - всунуть бг в спан или блок пустой и его позиционировать. Или использовать джс pngfix, но первый способ лучше. Ие6 меньше тормозит.

[d0ublezer0]

В итоге я сделал абсолютным блоком и его спозиционировал. Спасибо всем, с этим разобрались.

Теперь еще одна проблема всплыла: меню должно иметь 40% заливку черным.

При использовании фикса, заливка (картинка с прозрачностью) полностью пропадает.

Что подкрутить?

Иначе в IE6 получается, что у мужика на картинке буквы прямо в лоб впечатаны

Edited November 30, 2009 by d0ublezer0

[mishka]

У вас к фильтру применен параметр "crop", а нужен "scale"

вообщет эта штука которой вы пытаетесь побороть пнг в ие6 это фильтр для картинки а не для бекграунда.

тоесть если для ие6 сделать так:

img{
	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

то тогда если вы вставите картинку в формате пнг то она будет правильно отображатся в ие6. Только надо чтобы была такая вот картинка и по таком вот пути:"images/transparent.gif" это гифовая прозрачная картинка 1х1 пиксель. название картинки и путь к ней естественно можна поменять.

Edited November 30, 2009 by mishka2