Как юзать png?

strelok222 · 14.06.2005, 02:14

Как известно png в отличие от gif имеет 256 уровневою прозрачность, а значит позволяет избежать все проблем с кривыми линями в gif при наложении допустим на фото.
Это все конечно хорошо, но тока как его применять? Я сделал png файл с прозрачной областью, и поместил рисунок в хтмл файл, в результате фона страницы не видно, на месте прозрачной области цветная область!
Вопрос что не так?

Ales · 14.06.2005, 15:34

а что ты хотел? чтобы у тебя в браузере была дырка?

Dimonius · 14.06.2005, 16:54

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

Тогда определяем бродилку и для эксплорера юзаем фильтр:

Код:

document.getElementById('div_id').innerHTML = "<img  src=\"images/spacer.gif\"  style=\"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/my_png.png, sizingMethod=scale); width: 100; height: 200;\" width=\"100\" height=\"200\" alt=\"\"  border=\"0\">" +" ";

Что-то типа того.

Basil · 17.06.2005, 07:03

http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html

cannabizzz · 15.01.2006, 03:31

кстати, да.я адски радовался всей этой вещи. смотрел на сайт в FireFox и думал "Наконец-то решена куча проблем". а потом я решил интереса ради открыть в ИЕ...

maiik · 01.02.2006, 15:13

Цитата:

Сообщение от cannabizzz

кстати, да.я адски радовался всей этой вещи. смотрел на сайт в FireFox и думал "Наконец-то решена куча проблем". а потом я решил интереса ради открыть в ИЕ...

то есть
"All you need to do is to add the png behavior to the image element.
<style type="text/css">
img {
behavior: url("pngbehavior.htc");
}
</style>"

не работает?? а как же вот это?..

http://webfx.eae.net/dhtml/pngbehavior/demo.html ? смотрел в IE и омуел

CAM · 04.02.2006, 21:28

http://www.artlebedev.ru/tools/techn...tml/png_in_ie/

Coffee · 10.02.2006, 22:30

А ни у кого не вставал..... вопрос о размерах файлов. PNG 24, который выдает Фотошоп, неприлично большой. Я сделался открывая его всякого рода оптимизаторами и оптимизаторами оптимизаторов. Дело в том, что PNG 24 изначально имеет не 256 цветов, а "намного больше". Перекопал интернет и нашел гениальный мелкософт - Web Image Guru. Это в помощь тем кто все такие решится дурить ИЕ CSS-om и делать PNG 24.

Я лично сделал сайт и очень им доволен:
Thomas Tea

maiik · 11.02.2006, 19:23

надо попробовать.... Coffee, лекарство легко нашел?. )

да кстати фигня какаято.. даже ФайрВоркс, который признает ПНГ своим родным форматом не хочет ужимать PNG24 и 32..

artcraft · 12.02.2006, 06:43

ребята - похоже вы не до конца понимаете чем отличеются PNG 8, 24 и 32

PNG 8 - это вроде гифа - максимум 256 цветов (один из которых может быть прозрачным) + любой цвет палитры может быть полупрозрачным (ФОТОШОП ЭТОГО НЕ УМЕЕТ!)

PNG 24 - (24=8+8+8) три канала: R,G,B по 8 бит каждый (по 256 градаций)

PNG 32 - (32=8+8+8+8) три канала: R,G,B по 8 бит каждый + альфа канал (8 бит 256 градаций)