PNG vs. Internet Explorer

[nvbn]

Мне способ нравится, пожалуй воспользуюсь)

[CurlyBrace]

http://habrahabr.ru/blog/la_france/22751…

[frujo]

Спасибо! Просто к написанию этой заметочки побудил интерес нескольких пользователей в теме указанной выше. Вот я и решил оформить это как-то, на случай если таких людей больше. Пробежался по поиску бегло, но статьи указанной вами не заметил. Если же эта заметка лишняя, то я могу удалить ее :)

[SamDark]

«в версии 2.0 Alpha 1, по словам автора, данная возможность уже реализована»
Проверьте, пожалуйста. Если это так — будет очень радостно.

[4g3n7]

Спасибо, я сегодня просил)

В принципе, прочитав хтмл, можно все понять, но когда об этом написано отдельно в статье и по-русски, это всяко лучше, автору плюс!

[Over]

А background-position работает как надо с PNG?

[klyavin]

на сайте автора написано, что в последней бете он это реализовал.

[null]

Спасибо!
Только что применил у себя — отлично работает! %)

[BR0kEN]

Очень хороший, а главное работающий способ для отображения .png в IE6 и ниже. Хорошо хоть такой проблемы нету в версии 7! Радует, что компания разработчик(microsoft) работает над своим детищем!

[klyavin]

Уже пользуюсь этим фиксом в нескольких своих проектах. Действительно хорошая, более того, работающая вещь. Респект автору.

[altmind]

тише, тише. вы же опытных разработчиков без профессиональных секретов оставите )

[EzS]

Куча ненужного кода
А поставить http://jquery.andreaseberhard.de/pngFix/index.html сложно?

[Tvarb]

Да сложно, потому как надо ставить сам jquery ... а он тоже вес имеет + некоторые любят работать с другими js framework ////

[rold]

background-position?

[EzS]

По ссылке, которую я указал, есть примеры

[pepelsbey]

Ага, нарекомендовали — img, div { behavior: url(iepngfix.htc) } — после такого IE6 повесится на ближайшем фонаре.

[vithar]

Т-с-с. Пусть хабропионэры пользуются. ;)

[Glook]

не надо сарказма, это некрасиво. объясните лучше этим пионерам (если сможете), как нужно правильно использовать данный пример

[vithar]

Его вообще не надо использовать, он генерирует два лишних HTTP-запроса.

[pepelsbey]

В общем, да — этим вообще не надо пользоваться.

[Glook]

всего два лишних запроса? и всё? подробнее немножко можно, почему не стоит использовать .htc?

[dasty]

два лишних запроса к каждому тегу img и div

[elfiki]

Как-то поставил такое на страницу с гуглокартой - немного удивился, когда в статус-баре ИЕ начало писаться, что осталось загрузить еще несколько сотен файлов... Правда только на img стояло, но все равно :)
Пришлось прописывать у картинок класс и только для него подключать пнгфикс :(

[vithar]

http://harisov.livejournal.com/58661.htm…

[kasaev]

Методика хорошая. Сам давно ей пользуюсь.
Вдогонку порекомендую указывать размеры изображения в коде, использовать "position:relative;" если ссылки в ИЕ6 не нажимаются.
Еще к недостаткам отнесу то, что если фон задан png изображением, то перестает работать repeat-x, repeat-y и вообще любой другой repeat, а еще перестает работать позиционирование бекграунда, которое впрочем тоже решаемо, если поместить бекграунд в отдельный контейнер фиксированных размеров и спозиционировать абсолютно относительно "relative-позиционированного" текущего контейнера.
Впрочем, если в сайте всего 1 png картинка, то лучше использовать просто фильтр на именно этой картинке.

[dasty]

Я последнее время пользуюсь вот таким вот хаком

.logo {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='logo.png');
}
.logo[class] { /* все что с [классом] не видится ишаку, но прекрасно обрабатывается лисой и оперой */
background: url(logo.png) no-repeat top;
}

А вот со спрайтами все плохо.

[caIIIa]

С путями к прозрачной картинке вечно какой-то геморрой был, насколько я помню... То ли слэш спереди неправильно использовался то ли что-то ещё, может, пофиксили уже давно.
И целую кучу элементов не надо кормить, а то реально ишак не переварит, достаточно класса ".png" .

[darkloki]

На самом деле не такой уж и хороший способ. Если на сайте очень много png картинок показывается с применением IE PNG Fix, то браузер (IE 6 конечно же) через раз не успевает обрабатывать их все и ступорится недоделав львиную долю.

В итоге некоторые картинки просто не показываются.

[DAREDEVIL]

Мне не нравится, что надо следить все время чтоб присутствовал этот blank.gif.
Недавно совсем узнал про технологию data:url. Вот она была бы очень хороша в сочетании с этим методом.

[drone]

Использовал этот хак в нескольких проектах - замечал, что при невыясненных обстоятельствах IE6 просто падает. Связи с номером билда и осью не замечено.

[hulinada]

А я в процессе работы пришел к таким решениям полупрозрачности http://hulinada.livejournal.com/2461.html

[TimTowdy]

Давно уже пора забыть про шестого ослика. Ладно полупрозрачность в png не работает без костылей, но то что в png-картинку можно засунуть html (а значит и javascript), это, извините, полный ппц.

[zoOm_er]

а у меня почему-то не работает