VML и PNG

Совершенно случайно обнаружил поразительную штуку: оказывается IE, загружая картинку через VML, понимает альфа-прозначность у PNG:

<xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v" />
<style>
    v\:* { behavior: url(#default#VML); display: inline-block; }
</style>
<v:image src="http://www.w3.org/Graphics/PNG/alphatest.png" style="width: 380px; height: 287px"></v:image>

К сожалению, есть существенный недостаток: картинка отображается чувствительно медленнее.

Поделиться
Отправить
7 комментариев
savintsev.ru

А фоновую можно так сделать?

Евгений Степанищев (bolknote.ru)

Комментарий для savintsev.ru:

Разве что положить фоном сам тег.

blog.ad.by

Комментарий для Евгения Степанищева:

Не, ну ты издеваешься наверное 8-)
http://blog.ad.by/2008/08/easy-way-to-embed-transparent-png24.html
Я опередил тебя всего на полсуток 8-P

Евгений Степанищев (bolknote.ru)

Комментарий для blog.ad.by:

Прикольно :)

Евгений Степанищев (bolknote.ru)

Комментарий для blog.ad.by:

Похоже, мы оба были не первыми:  http://cfis.savagexi.com/articles/2008/06/22/a-new-take-on-transparent-pngs-in-ie6-performance-and-vml

blog.ad.by

Комментарий для Евгения Степанищева:

Видел. Когда начинал, этой статьи ещё небыло.
Он бросил работу на полпути, не доведя до минимально рабочего варианта. Это несерьезно. Ди и цели работы у нас различаются. А мне хороший урок на будущее — как только придумал что-нибудь — сразу публикуй даже кривые результаты, а не откладывай на полгода. «Какой удар от классика».

У него, кстати, написано про «на один пиксель больше или меньше» — я с этим тоже сталкивался под MultipleIEs. Например, имеется картинка 256х256, а чтобы не масштабировалась нужно указывать 257х257. Но под настоящим IE6 этого эффекта нет. И систему координат можно не задавать — это только добавляет глюков в данном случае.

Евгений Степанищев (bolknote.ru)

Комментарий для blog.ad.by:

Это первое что мне удалось найти в поисковиках, может и ещё есть первопроходцы. В общем-то, это неважно :)

Популярное