Достижение прозрачности изображения в формате PNG в Internet Explorer 6
Одним из самых потрясающих дополнений версии 7 броузера Internet Explorer стала поддержка прозрачности изображений PNG. Как уже было сказано в главе 3 при обсуждении фоновых изображений, с помо- щью изображений в формате PNG действительно можно достичь про- зрачности: их можно отображать поверх фона различных цветов без пиксельного гало-эффекта и использовать для создания визуальных эффектов с применением непрозрачных фоновых слоев. Однако если вы просто разместите такие изображения на странице, пользователи Internet Explorer 6 увидят непрозрачные картинки, как показано на рис. 7.5. Есть ли какой-нибудь способ обойти этот досадный недочет и подружить IE6 с PNG?
Рис. 7.5. Отображение прозрачных изображений PNG в Internet Explorer 6
Решение
Чтобы изображения в формате PNG отображались в Internet Explorer 6 прозрачными, придется использовать небольшой сценарий на Java- Script. Он был создан Аароном Будманом (Aaron Budman)1 и в дальней-
Совет
Без хитростей. Существует и другой способ решения данной проблемы: мож- но использовать отдельные изображения, созданные специально для Internet Explorer 6 путем указания ссылки на них в соответствующей таблице стилей, чтобы при просмотре сайта в этом броузере они отображались вместо PNG. При этом сайт будет выглядеть немного по-другому, но, учитывая, что Internet Explorer 6 отстает от современности уже на две версии и постепенно теряет своих пользователей, такое решение вполне приемлемо. В настоящее время мы часто комбинируем эти методы: где это представляется возможным, мы ис- пользуем GIF, а если это слишком сложно в данной ситуации, применяем сце- нарий на JavaScript.
Литература: Эндрю Р. CSS: 100 и 1 совет, 3-е издание. – Пер. с англ. – СПб: Символ-Плюс, 2010. – 336 с., ил.
Можно сохранить картинку в png с помощью фильтра alphapng (в фотошопе, бесплатный фильтр).