Опять про прозрачный PNG в IE6

[Vlad]

Тема добавления рисунка в формате PNG-24 с прозрачными участками в IE6 всячески обсосана и раскрыта. Однако мало где написано, что все приведенные способы не работают для повторяющегося фона. Насколько понял, проанализировав различные статьи, для IE6 вообще нет адекватного решения. Имеется только паллиатив (половинчатое решение говоря бытовым языком) и сводится к трем вариантам.

1. Фон убирается вообще. Это делается либо через скрипты, либо добавлением атрибута _background: none к элементу с фоном.

2. Вместо PNG используем GIF или другой формат, но уже без 8-битной прозрачности. Замена не равнозначная, но что уж есть.

background: url(shadow.png) repeat-x;

_background: url(shadow.gif) repeat-x;

3. В Фотошопе при сохранении через Save for Web включаем пункт "Transparency Dither". Выглядит это ущербно, но что поделать. Подключение к стилям как в п. 2.

У кого есть комментарии?

[Dimitry Wolotko]

Совсем скоро такие ухищрения будут нужны всё реже, потому как http://absolvo.ru/2008-07-20/ie-png-fix-20...kground-repeat/

[Vlad]

Ага, скачал, посмотрел, запустил демо в IE6. Как говорится "фигвам". Ни один из представленных примеров не заработал должным образом. Непонятно почему.

[homm]

Ага, скачал, посмотрел, запустил демо в IE6. Как говорится "фигвам". Ни один из представленных примеров не заработал должным образом. Непонятно почему.

А ты скрпиты разрешил? (желтая полоска сверху)

[Vlad]

А ты скрпиты разрешил? (желтая полоска сверху)

Хм, ты меня за ламера то не пингуй!

Оказалось, что кривая версия IE6 стояла, поставил MultipleIE, все заработало.

[musulman]

Спасибо пригодится

[Dimitry Wolotko]

ну на то оно и альфа - будет релиз - дышать станет спокойнее.

[Иван Шумов]

у fixPNG есть проблема на данный момент с производительностью - слои размером где-то 4 экрана с заливкой фона он обрабатывает да, подвешивая на неопределенное время ослика .. обидно.

[Dimitry Wolotko]

А иногда он замыливает совершенно непричастные PNG'шки.

[homm]

у fixPNG есть проблема на данный момент с производительностью - слои размером где-то 4 экрана с заливкой фона он обрабатывает да, подвешивая на неопределенное время ослика .. обидно.

Мне кажется что твое дело в данном вопросе, как разработчика сделать что-бы работало. А дальше уже дело разработчиков браузера сделать его быстрым и дело пользовател выбрать нормальный браузер, который бы не тормозил.

[Иван Шумов]

homm я не буду материться, но если клиентура сидит под ie и им нравится - приходится под него и делать, а ты как был невежей так и остался

[Vlad]

Для себя решил, что подобные сложности ради одного устаревшего браузера это слишком. Поэтому где это возможно, заменяю для IE6 картинки на менее эффектные или вообще их убираю с глаз долой. Так достигается баланс между затратами и результатом, да и заказчик видит вменяемый сайт даже под IE6. Не такой конечно красивый как в других браузерах.

[Anami]

Единственное, что непонятно, так это зачем использовать js и постоянно подключать его к каждому сайту, если можно писать все через один css файл? 0_о Через отдельный класс для IE6.

Или сохранять PNG как PNG 8, а не 24. (Удобно если нужна просто прозрачность, без плавных переходов) - для него вообще фиксы не нужны, IE6 его понимает.

Посвятите, какая всё таки подноготная в этой ситуации?

[Anami]

А вот ответ тишинааа.

[klierik]

подключаясь через CSS используется expression, а он в свою очередь нагружает браузер на порядок больше, нежели просто подключаемый JS-файл.

[Anami]

Я имею ввиду

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../resource/news_bg.png', sizingMethod='scale');

Поправьте меня если то же самое, но гугл намекает что всетаки нет.

[satana]

2. Вместо PNG используем GIF или другой формат, но уже без 8-битной прозрачности. Замена не равнозначная, но что уж есть.

background: url(shadow.png) repeat-x;

_background: url(shadow.gif) repeat-x;

У кого есть комментарии?

Можно заодно написать как сделать чтобы в IE был один фон, в Опере другой.. ?

Пытаюсь сделать такое

Тут даже не обязательно картинка, можно просто цвет.

где-то нашёл, пробовал так

#... {
background:#fff url('картинко.gif или .png');
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 */

} 

В Опере порядок, в IE 6 не хочет.

Edited October 30, 2008 by satana

[Searcher]

для ИЕ достаточно:

filter: alpha(opacity=50);

[Arny]

А можно спросить, почему нельзя сохранить картинку как Flattened (PNG) ? Вроде в таком формате ее и без всяких фильтров и т.п. нормально кажут все браузеры....

[Kontrochka]

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

[Anami]

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

Ну если ты делаешь сайт лично для себя, то вообще нет никаких проблем. Ни-ка-ких. А если тебя вдруг заинтересуют пользователи рунета, то для справки учти, что IE6 использует пока увы, практически большинство. Можешь посмотреть Вот когда у него будет менее 2ух процентов - с чистым сердцем забудем и похороним.

[SelenIT]

Есть еще вариант graceful degradation, не требующий дополнительных каритнок. Правда, на практике она не всегда получается достаточно graceful...

[imfate]

если сайты не только для рунета, то советую пользоваться этой статистикой

[Kontrochka]

Всё же радует, что IE7 уже больше всего процентов . Мне кажется, что если человек видит что-то не так на полюбившемся сайте, то он перероет весь инет в поисках ответа, да и мы админы разве мы не в помощь своим посетителям, что стоит создать тему, что мол хватит пользоваться старьём и пора обновиться , тем более сам виндоус постоянно об это твердит.

[Stan]

На ворованной версии у меня виндоус молчал. В смысле рот я ему заткнул, чтоб проблем с активацией не было

[RoleXXX]

Мне кажется, что если человек видит что-то не так на полюбившемся сайте, то он перероет весь инет в поисках ответа

А вот и неправы вы. В первую очередь человек найдёт другой сайт...