CSS хитрости IE 7: -ms-interpolation-mode
Эта тема в сети не новая, но лично для меня – неизвестная. Оказывается, у IE, начиная с версии 7, есть поддержка (режима масштабирования) изображений и управления им через CSS-свойство -ms-interpolation-mode, описанного в .
Свойство имеет 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%" />
Результат получим такой:
Разница заметна и даже очень. По умолчанию, в других браузерах включен режим 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/
Dmoz
А зачем нам это свойство? В IE по умолчанию nearest-neighbor?
Цитировать
Да, по умолчанию рендерится картинка худшего качества nearest-neighbor. Видимо для экономии ресурсов. В других браузерах по умолчанию bicubic.
Цитировать
Я хоть и не любитель IE, но за совет спасибо.. Хотя моя скромная мечта, что кроме оперы и мозиллы из браузеров в 2009 ничего не останется :)
Цитировать
Результат отличный, спасибо.
Цитировать
Да… мягко говоря не новая новость :) Находил ссылки и за апрель месяц 2008-го…Да ещё… я не знаю так ли у всех.. но у меня ваша ссылка не работает… при редиректе сайт МСДН говорит что такой статьи нетhttp://msdn.microsoft.com/en-us/library/ms123402.aspx?missingurl=%2fen-us%2flibrary%2fms530822VS.85.aspxPage Not FoundПрямая ссылка работает нормально
Цитировать
Не по теме… :) Спасибо за банер!Суперовкски у вас получилось!Поставил на вас ссылочку просто так, вот тут: !
Цитировать
Спасибо, Ольга! Очень нравится Ваш блог, постоянно его читаю, так держать!!!Кстати, если хотите получить обратных 6 ссылок на Ваш блог, милости прошу поучаствовать в Нашем конкурсе 1х6 ! Всех с праздником!!!!
Цитировать
А себя я в постовых не нашел… :-(
Цитировать
Интересно, чесно говоря не знал о данном свойстве
Цитировать
А можно ли это через стиль картинки задавать (img style=”…”)?
Цитировать
можно
Цитировать