Есть ли исправление JavaScript PNG для IE6, которое позволяет позиционировать фон CSS?
https://stackoverflow.com/questions/86545
-
01-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianВопрос
Я видел несколько исправлений для придания прозрачности изображениям PNG в Internet Explorer 6, но мне еще предстоит найти то, которое также позволяет вам устанавливать положение фона в CSS.Если вы используете спрайты, это нарушает условия сделки.Я прибегал к использованию GIF-файлов (которые не такого высокого качества), вообще не использовал прозрачные изображения или использовал таблицу стилей, совершенно отличную от IE6.Есть ли исправление для IE6, которое позволяет использовать прозрачные пленки PNG И позиционирование фона?
Решение
ДА.Преобразуйте ваши изображения для использования индексированных поддонов (png256).Вы можете поддерживать прозрачность (точно так же, как gif), но не альфа-канал.
Вы можете сделать это с помощью Irfanview ( Просмотр Irfanview) и плагин pngout, png количество или pngnq.
Команда YUI performance team также провела отличная презентация это охватывает эту и многие другие концепции оптимизации изображений.
Другие советы
Это это новая техника, которая появилась примерно в прошлом месяце.Со страницы:
В этом скрипте поддерживаются теги изображений, как с пустым разделителем GIF, так и без него, и PNG-файлы фоновых изображений могут располагаться, а также повторяться, даже если они меньше, чем элемент содержимого, в котором они находятся.
Когда фон статичен, я использую Настройка чтобы изменить цвет фона фрагмента в формате PNG на правильный цвет (вместо серого цвета по умолчанию).Любой обычный браузер проигнорирует это, потому что альфа-канал отменяет его, но IE6 и ниже будут использовать этот цвет вместо альфа-канала.
Это означает, что у нас есть прозрачность в IE7 +, при этом она хорошо ухудшается в IE6 и ниже.И все позиционирование и повторение css возможны (потому что нет никаких взломов!).
DD_belatedPNG.js работает очень хорошо
На самом деле вы можете использовать чистый CSS для получения позиционированных фоновых изображений с альфа-прозрачностью в IE6, используя альфа-фильтры IE6 и CSS clip собственность.Julien Lecomte описывает эту технику в своем блоге.
Обратите внимание, что этот метод действительно приводит к снижению производительности при каждом использовании альфа-фильтра.
Исправление IE PNG версии v2.0 имеет поддержку полной альфа-версии +position/repeat.
