понедельник, января 05, 2009

CSS хитрости IE 7: -ms-interpolation-mode

Эта тема в сети не новая, но лично для меня - неизвестная. Оказывается, у IE, начиная с версии 7, есть поддержка интерполяции (режима масштабирования) изображений и управления им через CSS-свойство -ms-interpolation-mode, описанного в MSDN.

Свойство имеет 2 значения:
- nearest-neighbor (менее качественный режим)
- bicubic (более качественный бикубический метод)

W3C рекомендует использовать это свойство с префиксом -ms.

Я читаю:
Блог неопытного вебмастера, Весёлый уголок ИнтернетаBlogFront На передовой блогосферы, Технологичный Блог, Опыт менеджера проектов, Казахский Джигит.

Пример использования:

<style type="text/css">   img.bicubic { -ms-interpolation-mode:bicubic }   img.nearest { -ms-interpolation-mode:nearest-neighbor } </style> <img class="bicubic" src="image1.jpg" width="50%" /> <!-- или масштабируем по высоте --> <img class="nearest" src="image1.jpg" width="50%" /> 

Результат получим такой:

CSS IE7: -ms-interpolation-mode

Разница заметна и даже очень. По умолчанию, в других браузерах включен режим bicubic, поэтому это свойство и работает только для IE. Можно смело ставить в CSS файле по умолчанию:

*+html img { -ms-interpolation-mode: bicubic }

О влиянии включения данного свойства на нагрузку процессора статей найти не удалось. Но думаю, скачки на графике нагрузки наблюдаться будут.

P.S. Обещанные 5 постовых для всех участников моей новогодней акции размещены в текущем посте и в:
Новогодний обзор Rsboarder.biz
Новогодний обзор блога drink-drink.ru
(по 1 ссылке на каждый блог)
остальные 4 ссылки для каждого блога вы найдете на кросс-сайтах этого блога:

http://getincss.livejournal.com/
http://www.liveinternet.ru/users/getincss/
http://for-lelya.ya.ru/
http://lelya-s.blogspot.com/

Здесь можно оставить свои комментарии. Выпуск подготовленплагином wordpress для subscribe.ru