Вооружить себя знанием о том, как различные типы файлов изображений могут быть использованы для достижения прозрачности на веб-pages.
It’ важно сначала понять эти основы.Тогда узнаете, как нажать на ограничения поддержки браузера.Взгляните на то, что другие делают с прозрачностью в Интернете, и только тогда you’ сможете узнать, как получить творческую с прозрачностью в Web design.
Есть устоявшихся методов имитационного Web прозрачности, которые были разработаны, чтобы преодолеть проблемы поддержки браузера.В то время как мы можем оценить прошлое решений, it’ Важно, чтобы вырваться из этого искусственного методологии и научиться работать с PNG графики.Мы находимся в переломной точке, где IE7 продолжает захватывать долю на рынке.И, к счастью, IE7 имеет Тхет поддержку полного Альфа прозрачные графики PNG.В ближайшем будущем, прозрачные PNG графика будет иметь отличный браузер support.
В конечном счете, it’ S необходимо учитывать творческого использования прозрачности в Интернете. Эта статья рассматривает использование искусственного прозрачности methods, представлены примеры прозрачные изображения на фиксированные и динамические фоны, и указывает на творческие решения, которые в полной творческой преимущество today’ с современными прозрачности Web effects.
1.Узнать, как преодолеть Web Browser Transparency Limitations
Существуют различные типы присущи limitations с создания прозрачности для веб-сайтов.В настоящее время, если you’ повторно собирается работать с PNG графики, you’ должны будете использовать IE6, который имеет плохую поддержку альфа-прозрачность.Это означает, что работа с IE определенный код, или сценариев на основе solutions.
It’ Важно знать наиболее распространенные способы, чтобы преодолеть ограничения браузера.Есть много статей в Интернете, которые рассматривают эти вопросы.Есть две статьи, описывающие ниже условной Комментарии и на основе сценария решения.Во-первых, однако, отзыв Джефф Croft’ S article на творческое использование прозрачных графики, а it’ с прекрасным введением в эту topic.
-
Jeff Croft написал отличную статью на эту тему использования PNG графики творчески называется творческого использования прозрачности PNG в веб-Design.Это статья для начала работы с по этому вопросу.Он охватывает форматов файлов и вопросов, а затем обсуждаются творческие эффекты прозрачности для изображений.Это дает советы для водяных знаков изображения с PNG’ S, используя обратный прозрачный фон, а иное использование прозрачных PNG images.
-
В некоторых ситуациях использование конкретных IE фильтры для отображения альфа-прозрачность в IE6 необходимо.Этот метод является ограниченным, изворотливый, и может замедлить время загрузки, но все же полезным в некоторых ситуациях.Прочтите статью PNG прозрачность для Internet Explorer (IE6 и за его пределами) для объяснения, как реализовать эту solution.
-
Drew McLellan писал элегантные основе сценария решением для борьбы с отсутствием поддержки PNG в IE6.Он был выпущен как часть последнего year’ с 24 Способов проект и называется Прозрачный PNG файлов в Internet Explorer 6.Вы также можете найти на основе сценария решения доступны как плагины для вашей любимой CMS или в Javasript библиотека choice.
2.Искусственные Прозрачность Web
Искусственные прозрачности включает в себя использования изображений, которые имитируют transparency с визуальными эффектами прозрачности.Такие изображения могут быть созданы с помощью таких приложений, как Adobe Photoshop.Обратите внимание, что изображения, используемые в искусственную решения не имеют прозрачность данных, закодированных, но довольно твердый изображений, которые предназначены, чтобы смотреть transparent.
После создания прозрачного дизайна, вы затем подготовить графики и Сохранить для Web.Вы экспорта твердого графика и использовать их, когда вы код на веб-сайте.Результат выглядит так же, как прозрачно для конечных пользователей.It’ SA общее решение использовать, чтобы обойти проблемы бедных браузер поддержки для закодированного прозрачные файлы изображений PNG.Она не требует браузера хаки для IE6 и н …
Если вы хотите прочитать полностью статью, посетите сайт наших спонсоров