Проблема в следующем:

Сохраняю прозрачный png-24 в Photoshop CS. Прекрасно отображается в Opera, FF, а в IE получается серый фон на картинке.

Как это исправить? Что делать?

Цитата

Как это исправить? Что делать?

насколько до меня доходили слухи что в IE7 общеались включить поддержку альфа-канала, в более ранних версиях ее точно нет..
отсюда выход один - сохранять в png-8

z-END

Цитата(z @ 28.12.2005, 15:02)

отсюда выход один - сохранять в png-8

Ты неправ

У Артемия Лебедева есть выход, я его переделал, выход такой

Создать файл pngfix.htc

Код

<public:component>     <script language="JavaScript">         element.runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + style.backgroundImage.substr( 4, style.backgroundImage.length - 5 ) + '", sizingMethod="crop")'         element.className += ''     </script> </public:component>

Создать однопиксельный *.gif

Создать ещё один документ, например pnginie.html

Код

<style type="text/css"> .png { //background-image: none ! important; behavior: url('pngfix.htc');} </style> <img src=1x1.gif style="background-image: url('logo.png');" class="png" width="175" height="135">

Вот и всё

Только хочу вас предупредить. Путь к behavior должен быть полным, т.е. если при загрузке на сервер перестанет работать, пропишите полный путь

2Куксикус:
Спасибо за пример, я его уже видел (ты уже здесь его публиковал), но он у менятогда не заработал и просто проигнорировал. А теперь всё заработало...
Лови флюс...

Куксикус
Спасибо, работает, но в IE картинка отображается как-бы утопленной (с рамкой). Пробовал прописать border: 0px - не помагает. Как убрать?

Вот ещё решение. Тестировали, работает много где... на Сафари даже. Под ИЕ5 не работало - но это глюк абс. позиционирования.
http://www.dm9.ru/vingrad/examples/html/transparentimage/


Это сообщение отредактировал(а) dm9 - 28.12.2005, 16:54

так как убрать "утопленность" с картинок?

Slava, попробуй так: http://www.dm9.ru/vingrad/examples/html/transparentimage/

Цитата

так как убрать "утопленность" с картинок?

Говорилось же, что нужно сделать однопиксельный прозрачный GIF и прописать его в src у IMG.
Добавлено @ 22:10
Оказалось, что можно без всяких HTC делать:

Код

<style type='text/css'> .pngA {     width: 256px;     height: 215px;     background-image: url("logo.png");     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="logo.png");     background-image: "none"; } </style> <div class='pngA'></div>

filter нужен для IE, background-image нужен для остальных браузеров.

Это сообщение отредактировал(а) Ciber SLasH - 28.12.2005, 22:07

Надо писать фильтр[как и в .htc] без 


Я у себя год назад переделал и катинки не сжимаются Ж)))

Господи, так извращаться... на webfx есть полностью готовый htc-шник, который подключается ко всем <img>, смотрит какое расширение файла, выдерает src подставляет его в фильтр, подставляет в src прозрачный гиф.
Всё по автоматике., только убираем сайзингМетод и уже не надо прописывать всем размер.

.htc-файл кешируется намертво[учтите это при отладке] и весит 2кБ, у пользователей траффика не отнимет.
 

Это сообщение отредактировал(а) set36 - 17.4.2006, 21:00

set36, и где же он? 

pngbehavior
код файла и подключение ниже  
и пишем без 

этого. 

Это сообщение отредактировал(а) set36 - 19.4.2006, 18:44

 

У меня находит сервер.
Вот то, что там было... 

Присоединённый файл ( Кол-во скачиваний: 12 )
 pngbehavior102.zip 75,05 Kb

set36, 
Работает. Если от этого решится "Нестыковка behavior и .htaccess" То + тебе поставлю 100%

Ciber SLasH, спасибо большое 

Бе... какая может быть нестыковка?
Знаю только, что для HTC надо прописывать MIME-type application/x-component или text/x-component
... есть предположение, что, если ставишь .htaccess на папку, то к файлам неизвестного серверу типа приатачивается заголовок что это типо поток информации неизвестного типа, и браузер перестаёт их обрабатывать.
Вывод один прописать в .htaccess MIME-type для HTC application/x-component...
или поговорить с хостером, чтоб добавил в МИМ-типы сервера для всех напрямую.  

Исчо советую подключать не через внешний CSS'ник, а писать стили в теле документа.
Пример из моего индекса:


  :
Если бы мы могли подключать HTC через <link> то можно было бы указывать сразу тип содержимого, без прописей в настройки сервера. 

Несостыковка behavior и htaccess 

Укажи, чтоб обрабатывало modRewrite'ом только страничные файлы, пхп хтм хтмл Ххтмл ... думаю асп под апачем не катица...

Только ты не думай, что я уворачиваюсь от ответа,- htc не любит противоестественных вмешательств и паранормальных эфектов, - 
защита в ИЕ чтоб у тебя куки не выдрали. 

set36, только php 

Тогда попробуй так:

htaccess

 

set36, при 


пишет Not Found т.е. ненаходит страницу. Может както можно запретить только для .htc файлов?

behavior не срабатывает т.е. в картинке голубой фон 

А это уже документация по апачу.

в htaccess'ах я ничего не знаю :=))))
Все проблемы касающиеся "png ie" здесь решены. 

Тоолько что искал решение, нашёл вот это:
 

Secandr, попробую. Заранее спасибо 

И всётаки хоцца разобраться с первым примером...  

зашол на сайтик Лебедева... прочитал статейку... всё понял  ... скачал в c:/aaa/ все файлики... открыл test.html и фиг вам(последняя картинка не красивая :( )      ... поможите плз!!! Где я неправ??? целый день бьюсю   

ЗЫ MSIE 7


Присоединённый файл ( Кол-во скачиваний: 4 )
 aaa.rar 12,49 Kb

KOp4iK, у меня Ваш пример нормально рисуется и в IE6, и в IE7 standalone. Но вообще пример с сайта Лебедева создавался, когда IE7 еще даже не ожидался, а так он нормально поддерживает полупрозрачность PNG сам по себе. Так что можно подключать добавку (класс .png) для IE6- c помощью условных комментов...

хм странно... просто открываясь из дирректории не хотело работать а зайдя на себя по IP всё отработало...