Как сохранять png в фотошопе, чтобы в IE фон отображался прозрачным?

[BassEast]

Привет всем.

Кто работает с версткой, может подскажете, как правильно сохранить (с какими параметрами) PNG (прозрачную) картинку, чтобы в IE фон оставался прозрачным и подстраивался под цвет background?

Если уже есть такая тема, киньте ссылку, я не нашел...

С уважением, и заранее спасибо.

[ZoNT]

ищи pngFIX или сам делай через фильтры. А фотошоп тут не при чём...

[BassEast]

а без фильтров никак?

[ZoNT]

Почему же никак. Делаешь без фильтров и любуешься серым фоном вместо прозрачного...

А если хочешь прозрачность - то никак (fixPNG тоже применяет фильтры, толкьо делает это скриптом)...

Вот такой он, ИЕ6...

[BassEast]

как тогда тут с верхними иконками получилось сделать: http://irr.rglab.by/, ведь если посмотреть там нигде нет фильтров.. но png прозрачны везде.

Мне кажется, что все-таки при сохранении... что-то выставляется в фотошопе, только я уже все испробовал - не работает, жжесть какая-то

Edited September 11, 2008 by BassEast

[ZoNT]

как тогда тут с верхними иконками получилось сделать: http://irr.rglab.by/, ведь если посмотреть там нигде нет фильтров.. но png прозрачны везде.

Мне кажется, что все-таки при сохранении... что-то выставляется в фотошопе, только я уже все испробовал - не работает, жжесть какая-то

поменяй у #top бэкграунд на красный и ты увидишь в чём дело

[BassEast]

=) 8-ми битная картинка, кстати это то, что нужно было мне.

ZoNT, спасибо, за обсуждение =)

Edited September 11, 2008 by BassEast

[sokos]

не лучше тогда уж не париться и сохранить в обычном гифе?

[BassEast]

gif это немного другая история...

[Argus]

не лучше тогда уж не париться и сохранить в обычном гифе?

png-24 дает возможность не просто оставлять прозрачные пиксели на картинке, но и ПОЛУпрозрачные, примерно как если в фотошопе уменьшать прозрачность слоя и тогда будет виден нижный слой, но с учетом нашего.

[BassEast]

если зайти сюда, под IE6

http://sotnikov.irr.rglab.by/cars/passenger/used/

Кликнуть - "Выбрать район", откроется диалоговое окно. в IE6 кнопки - OK и Очистить, уезжают навурз блока..при чем при повторном клике по "выбрать район", они становятся на своё место. В FF правильная история.

Никак не могу понять, в чем проблема...

_______________________________________________

Кстати, все таки, пришлось использовать фильтр.. для PNG и завести новую css-ку для IE6, с использованием условия.

вот реально работающий фильтр.. (все остальное в рунете... жесть какая-то)

.class  {background-image:expression(
	this.runtimeStyle.backgroundImage = 'none',
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img.png', sizingMethod='scale')");}

Edited September 17, 2008 by BassEast

[koshka]

Доброе время суток!

Подскажите, пожалуйста, как сделать полупрозрачный слой(чтобы просвечивал нижние картинки), если такое возможно?

Спасибо!

[Justnewone]

Доброе время суток!

Подскажите, пожалуйста, как сделать полупрозрачный слой(чтобы просвечивал нижние картинки), если такое возможно?

Спасибо!

Возможно, в фотошопе картинку. Или CSS свойство opacity

[andronn]

http://www.prostosait.com.ua/html/ie6-png-fix тут несколько примеров решения с png для осла

[koshka]

Возможно, в фотошопе картинку. Или CSS свойство opacity

Спасибо, все получилось!

Только в IE не работает.

Edited February 23, 2010 by koshka

[klierik]

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
-moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */