Page 44 - Сила CSS3 Освой новейший стандарт

44 • Глава 1. Основная информация о CSS3

от того, какой конкретно фильтр вы выбрали, но базовый формат таков: filter:
progid:DXImageTransform.Microsoft.имя_фильтра(Свойства), где «имя_филь-
тра» — это название фильтра, а «Свойства» — его значение. В версии IE 8 синтаксис
обновили — теперь свойство носит название -ms-filter, а его значение необходимо
заключать в кавычки. Примеры фильтров вы найдете в главе 2.
Полный список доступных фильтров представлен на странице http://msdn.microsoft.
com/en-us/library/ms532853(v=VS.85).aspx, но я хочу отдельно перечислить фильтры,
предназначенные для эмуляции эффектов CSS3:

фильтры DropShadow, Shadow, Glow и Blur эмулируют свойства box-shadow
и text-shadow;

фильтр Gradient способен эмулировать RGBA, HSLA и линейные градиенты;
фильтры Alpha и BasicImage способны эмулировать свойство opacity;
фильтры Matrix и BasicImage используются для эмуляции 2D-трансформаций.
Преимущество фильтров заключается в том, что они работают без добавления
сценариев JavaScript и только в IE, т. е. их не нужно специально скрывать от дру-
гих браузеров, что значительно упрощает применение. Однако не стоит забывать
и о недостатках:
длина. Для того чтобы написать один фильтр, нужно создать довольно длин-
ную строку, и если в таблице стилей используется много фильтров, это может
привести к значительному увеличению размера файла. Справиться с сопутству-
ющими проблемами можно, поместив фильтры в отдельную таблицу стилей.
В условных комментариях (о них чуть ниже) укажите, что эта таблица должна
загружаться исключительно для браузера IE. Таким образом, тем браузерам,
для которых эти фильтры бессмысленны, не придется загружать лишние байты
информации;

недопустимый код CSS. Если таблица стилей содержит фильтры, она не сможет
пройти проверку. В действительности это не проблема, если вы понимаете, по-
чему так происходит. Но если в вашей работе это вызывает сложности, то по-
местите фильтры в отдельную таблицу стилей только для IE, чтобы по крайней
мере основная таблица стилей успешно проходила проверку;
производительность. Фильтры могут замедлить загрузку страницы; кроме того,
они потребляют много памяти;
неровный текст. В Windows фильтры могут отключить визуализацию с исполь-
зованием ClearType. Без дополнительного сглаживания края символов выглядят
неровными;

прочие ошибки. Периодически фильтры вызывают появление в IE других
ошибок. Например, в главе 2 я покажу вам, как содержимое, сгенерированное
с помощью CSS, исчезает из-за наличия в коде фильтров.

www.trk.kg