Есть ли исправление JavaScript PNG для IE6, которое позволяет размещать фоновые изображения CSS?

Я видел несколько исправлений, позволяющих изображениям PNG иметь прозрачность в Internet Explorer 6, но я еще не нашел тот, который также позволяет вам установить фоновое положение в CSS. Если вы используете спрайты, это разрывает сделку. Я прибегал к использованию GIF (которые не так высокого качества), не используя прозрачные изображения вообще, или обслуживая совершенно другую таблицу стилей для IE6. Есть ли исправление для IE6, которое позволяет использовать прозрачные пленки PNG и фонового позиционирования?

Ответ 1

Да. Конвертируйте изображения, чтобы использовать индексированные поддоны (png256). Вы можете поддерживать прозрачность (как и gif), но не альфа-канал.

Вы можете сделать это, используя Irfanview и плагин pngout, pngquant или pngnq.

Команда производительности YUI также сделала , которая охватывает многие другие концепции оптимизации изображений.

Ответ 2

Это новая техника, появившаяся за последний месяц или около того. На странице:

В этом script поддерживаются теги изображений, как с и без пустого разделителя GIF, так и с PNG-изображениями исходного изображения, которые могут быть размещены, а также повторены, даже если они меньше, чем элемент содержимого, в котором они находятся.

Ответ 3

Когда фон статичен, я использую TweakPNG, чтобы изменить цвет фона в PNG на правильный цвет (вместо серый цвет по умолчанию). Любой обычный браузер игнорирует это, потому что альфа-канал перекрывает его, но IE6 и ниже будут использовать этот цвет вместо альфа-канала.

Это означает, что мы обладаем прозрачностью в IE7 +, в то же время хорошо разлагаясь в IE6 и ниже. И все css позиционирование и повторение возможны (потому что нет хаков!).

Ответ 4

DD_belatedPNG.js работает очень хорошо

Ответ 5

Фактически вы можете использовать чистый CSS для размещения позиционных фоновых изображений с альфа-прозрачностью в IE6, используя альфа-фильтры IE6 и свойство CSS clip. Julien Lecomte описывает технику в своем блоге.

Обратите внимание, что этот метод приводит к поражению производительности при каждом использовании альфа-фильтра.

Ответ 6

IE PNG Fix v2.0 поддерживает полную альфа + position/repeat.