IE6 выходит с прозрачным PNGs

Вот определенное решение, которое я люблю, с помощью JavaScript (jQuery):

http://jquery.andreaseberhard.de/pngFix/

Это легко добавить к существующему сайту, обрабатывает весь способ изображений (кнопки формы, фоны, регулярные теги img, и т.д.), и оставляет Ваш CSS хорошим и чистым.

Обычное решение для img элементов состоит в том, чтобы изменить src, чтобы указать на прозрачный GIF на 1x1 пиксель и затем использовать тот же взлом фильтра.

Иначе вокруг этого должен использовать 2 отдельных изображения, например, GIF и прозрачный PNG, и предназначаться для Вашего CSS соответственно:

/* for IE 6 */
#banner {
    background:url(../images/banner.gif);
}

/* for other browsers */
html > #banner {
    background:url(../images/banner.png);
}

IE 6 не понимает, что дочерние селекторы CSS так проигнорируют правило, тогда как браузеры, которые действительно понимают это, дадут Вам хороший прозрачный PNG.

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

Это наиболее вероятно "лучший" путь. Но имейте в виду, что это не просто альфа-сделка, которую IE6 не реализует правильно когда дело доходит до файлов PNG; цветовое пространство повреждено из-за IE, не реализовывая гамму правильно, и таким образом файлы PNG часто показывают "более темный", чем они должны.
Одно альтернативное "решение", которое мы реализовали на недавнем проекте, состояло в том, чтобы отметить каждое изображение png с "toGif" классом, в CSS которого называют пользовательское поведение .htc, который изменяет .png расширение .gif, если браузер обнаруживается, чтобы быть тем, мы отметили как проблему. Мы просто включаем версию GIF каждого PNG вместе с ним в том же пути, и если браузер, как находят, является тем, который не обрабатывает PNGs правильно, это выгружает его с версией GIF изображения. Мы поэтому жертвуем альфой, смешивающейся в пользу гарантируемой настоящей прозрачности и точности цветопередачи, и только делаем так, когда мы знаем, что она, вероятно, не собирается выглядеть правильной как есть.
Это не может быть идеальное решение, но это - природа перекрестного браузера, который я предполагаю.
Редактирование: На самом деле теперь, когда я смотрю на рассматриваемый проект, мы использовали .htc поведение для img класса, названного "альфой" также, которая бросает корректный фильтр на изображении автоматически. Таким образом, Вы обнаруживаете браузер с помощью JavaScript вместо IE6-единственного чистого взлома CSS, таким образом, это могло бы быть изящно..., но это - в основном то же самое.
Для введения в то, как записать поведения DHTML, попробуйте эта ссылка .

Загрузчик изображения является единственной доступной фиксацией для IE6. Обратите внимание, что это - поддержка PNG, является очень элементарным (наряду с IE7, также), и не может правильно обработать циклично выполненные прозрачные фоны. Я изучил это твердый путь при попытке разработать веб-сайт с прозрачным контейнером. Работавший отлично в Firefox, конечно.

фиксация должна быть хорошо для небольших районов фона и любой прозрачной приоритетной графики, но снова я отговорил бы от разработки веб-сайта, который использует большие суммы прозрачности с Internet Explorer.

В конце мое решение состояло в том, чтобы отобразить чистый цвет для IE, но сохранило прозрачность для других браузеров. Не повредил дизайн слишком много в конце, к счастью.

Вот 2 параметра, которые не используют фильтр AlphaImageLoader.

• DD_belatedPNG от Дрю Диллера : использует решение на основе VML, а не фильтр AlphaImageLoader.
• PNGPong : решение на основе Flash

Для меня, если невозможно отправить матовый .gif только в IE6, я использую Fireworks, чтобы добавить палитру, совместимую с IE6, в .PNG .