глюки с прозрачностью png в IE

[Chuda]

http://www.pascucci.info - ну что за фигня? в IE вместо прозрачности белый цвет. Как с этим бороться?

[RXL]

Chuda, это не глюк - просто IE не поддерживает альфа-канал в png. Может быть, через DX в стилях можно обойти, но детали я не знаю.

[Джон]

Во-во с самого рождения не поддерживает. А линк это ты здорово поставила - у меня всё работает.
На Мозиле

[RXL]

Джон, посмотри через IE - получи массу удовольствия

[Джон]

Аааафигеть, дайте две. Особенно когда размеры меняешь. А ещё говорят ИЕ фигня, столько приколов! Надо тоже будет мозилку забросить и на ИЕ переходить.

[Finch]

Chuda,  а в gif перекидать все изображения? Вроде c GIF IE дружит.

[RXL]

Finch, gif поддерживает только "прозрачный цвет" (типа chrom key). Эффект прозрачности можно съиммитировать только с одноцветным, заранее определенным фоном.

[Finch]

На странице идет игра и по степени прозрачности?

[Джон]

Дело не только в этом. ГИФ может только 256 цветов. Те о качественных фото можно забыть.
В то время как пинг поддерживает до 48 бит (если не вру конечно - давно было)

зы В ГИФе просто определяется один цвет - цвет маски. Антиалиас можно сделать только с определённым цветом фона - например фон белый. Делаем его прозрачным с антиалиас, тогда на чёрном фоне будет виден белый контур. Альфа канал позволяет установить действительную прозрачность. Те конечное изображение будет пересчитано с учётом любого фона.

[Шнибл]

Или поправили ужо... но у меня всё хорошо видно.

[Chuda]

поправили.
только сегодня.
рассказываю как.
в css есть такая запись:
img{
   behavior: url('http://www.pascucci.info/pngbehavior.htc');
}
по этому адресу расположен скрипт, который заставляет ИЕ правильно обрабатывать пнг.
как он работает - не знаю. но работает.
посмотреть может каждый желающий.
и если кто захочет использовать в веб альфа-канал - имейте в виду.

[RXL]

Chuda, собственно, то, на что я намекал, но не знал как

Код:

element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "',sizingMethod='scale')";

Т.е. через DX.

Извращенцы они там в MS...

Скрипт я запощу здесь, да бы он не потерялся.

Код:

<public:component lightWeight="true">
<public:attach event="onpropertychange" onevent="propertyChanged()" />
<public:attach event="onbeforeprint" onevent="beforePrint()" for="window"/>
<public:attach event="onafterprint" onevent="afterPrint()" for="window"/>
<script>

var supported = /MSIE ((5\.5)|[6789])/.test(navigator.userAgent) &&
				navigator.platform == "Win32";

var realSrc;
var blankSrc = "\/blank.gif";
var isPrinting = false;

if (supported) fixImage();

function propertyChanged() {
	if (!supported || isPrinting) return;

	var pName = event.propertyName;
	if (pName != "src") return;
	// if not set to blank
	if (!new RegExp(blankSrc).test(src))
		fixImage();
};

function fixImage() {
	// get src
	var src = element.src;

	// check for real change
	if (src == realSrc && /\.png$/i.test(src)) {
		element.src = blankSrc;
		return;
	}

	if ( ! new RegExp(blankSrc).test(src)) {
		// backup old src
		realSrc = src;
	}

	// test for png
	if (/\.png$/i.test(realSrc)) {
		// set blank image
		element.src = blankSrc;
		// set filter
		element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft." +
					"AlphaImageLoader(src='" + src + "',sizingMethod='scale')";
	}
	else {
		// remove filter
		element.runtimeStyle.filter = "";
	}
}

function beforePrint() {
	isPrinting = true;
	element.src = realSrc;
	element.runtimeStyle.filter = "";
	realSrc = null;
}

function afterPrint() {
	isPrinting = false;
	fixImage();
}

</script>
</public:component>

[Chuda]

я совершенно не поняла, на что ты намекал, я вообще не поняла, что случилось, что не работает и почему, и как это исправилось.
но скриптом делюсь просто потому что может он ещё кому поможет.

[RXL]

См. мой первый пост в этой теме - там я намекал.
Смысл скрипта: назначить картинке источник альфа-канала из файла. В данном случае - того же что и сама картинка.
А не работает потому что IE.

За скрипт - спасибо! Наверняка сгодится.

[Aleck D.Shadow]

вот здесь скрипт посовершеннее  будет http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html.
там полный боекомплект для борьбы с глючностью прозрачности.