Евгений Степанищев

Эксперт в области разработки веб-приложений и безопасности в интернете. Каждый месяц мой блог посещают около 90 тысяч человек. Работаю техническим директором в «Системах документооборота», занимаюсь электронным правительством.

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>
К сожалению, есть существенный недостаток: картинка отображается чувствительно медленнее.
11 августа 2008 20:01
webdev, ie, vml, png

savintsev.ru (savintsev.ru)
11 августа 2008, 20:45

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

bolk (bolknote.ru)
11 августа 2008, 21:22, ответ предназначен savintsev.ru:

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

blog.ad.by (blog.ad.by)
11 августа 2008, 21:46, ответ предназначен bolk (bolknote.ru):

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

bolk (bolknote.ru)
11 августа 2008, 23:05, ответ предназначен blog.ad.by:

Прикольно :)

bolk (bolknote.ru)
12 августа 2008, 10:16, ответ предназначен 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 (blog.ad.by)
12 августа 2008, 12:08, ответ предназначен bolk (bolknote.ru):

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

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

bolk (bolknote.ru)
12 августа 2008, 12:55, ответ предназначен blog.ad.by:

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

Ваше имя или адрес блога (можно OpenID):

Текст вашего комментария, не HTML:

Кому бы вы хотели ответить (или кликните на его аватару)

Подсказка по написанию комментария

В комментариях можно применять следующую специальную разметку:

  • слово, обрамлённое в «звёздочки» выделяется *жирным*
  • ссылка становится ссылкой: http://bolknote.ru
  • ссылка в скобках также становится ссылкой, закрывающая скобка не захватывается: (http://bolknote.ru)
  • каждую строку цитаты следует начинать со знака «больше»:
    > это цитата
    > из двух строк

  • можно вставить картинку, залитую на один из сервисов: «Яндекс.Фотки», «Фликр» или «Пикплз». Для этого нужно вставить на страницу полный адрес вашей картинки на сервисе, он превратится в картинку:

    http://fotki.yandex.ru/users/bolknote/view/274311?page=3