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

Сохраняю прозрачный 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, спасибо большое