Ниже приведены некоторые особенности, которые надо учитывать при применении фильтров.
Некоторые фильтры требуют, чтобы правильно использовалась прозрачность. Это Shadow, DropShadow, Glow и Mask. Текст автоматически имеет "прозрачность", пространство вокруг символов не закрывает объект (или страницу) позади. Графические файлы GIF должены быть в формате gif89a с прозрачным (transparent) цветом, чтобы иметь возможность отображать эти фильтры правильно.
При разработке дизайна страницы следует помнить о возможном отсечении эффектов на границах элементов. Отсечение может быть, когда поле или граница DIV элемента установлены слишком близко к объекту (в данном примере, текст), на который действует фильтр. Например, при применение фильтра glow к тексту без полей эффекты glow будут отсекаться границей DIV с нескольких (или со всех) сторон. Сравните примеры, приведенные ниже.
Это фильтр с небольшим эффектом
Это фильтр с немного большим эффектом
В этом тэге DIV увеличены паддинг (padding), расстояние между строками (line-height) и расстояние между буквами (letter-spacing)
Реклама
ВАКАНСИИ (Компьютеры, Интернет).
Эффективность – важный фактор, который следует учитывать, когда проектируется Web страница с фильтрами. Чтобы вычислить визуальные изображение эффектов фильтра, требуется время; некоторые эффекты требуют большого времени, чем другие. Бесполезно пробовать применять или менять фильтр элемента из сценария в процессе рендеринга (отрисовки) его браузером (например, манипулировать световым эффектом в быстром цикле в функции сценария).
В офицальной документации Microsoft пишется, что "При выборе текста в окне браузера, любые примененные эффекты игнорируются. Как только кнопка мыши отпущена, окно просмотра повторно применяет эффекты к тексту. Это сделано из соображений неограничения эффективности, основанных на предыдущем опыте разработчиков Internet Explorera 4.0". (Надо отметить, что это не соответствует действительности: мой браузер пересчитывает и отрисовывает эффект уже при выделении (кстати, он отличается от первоначального). Однако проблемы с прорисовкой при выделении существуют; Вы в этом можете убедится на примере, приведенном двумя пунктами выше.)
Можно применять один или более эффектов к группе элементов, включенных в DIV. Однако будьте внимательны, DIV должен быть позиционирован, если включенные элементы позиционированы. Как было отмечено, фильтры требуют, чтобы все контейнеры или были позиционированы, либо в них была определена ширина (width), и родительские элементы были позиционированы, чтобы правильно отобразить эффекты на дочерних элементах.
Примеры программирования визуальных фильтров
Создание статических визуальных эффектов
Статические визуальные эффекты – наиболее частое применение стилевых фильтров. Часто они просто включают применение фильтра к DIV или другому объекту для создания неизменяющихся эффектов, типа падающей тени для текста. Статические эффекты – простой способ расширить дизайн Web страниц с минимальным усилиями.
Следующий пример показывает, как могут быть созданы эффекты типа "телевидение", используя позиционирование Dynamic HTML и визуальный фильтр Alpha. [> далее >]
