Как решить / взломать исчезающую полупрозрачную ошибку PNG в IE8?

Question

Как вы знаете, в IE6 есть ошибка, из-за которой невозможно отобразить полупрозрачный файл PNG без использования нестандартного стиля, такого как фильтр. В IE7 эта проблема исправлена. Но в нем все еще есть ошибка, связанная с файлом PNG. Он не может правильно отображать полупрозрачный PNG-файл с замиранием. Вы можете ясно видеть это, когда вы используете функцию показа / скрытия в jQuery с полупрозрачным PNG-файлом. Фон изображения отображается непрозрачным черным цветом.

У вас есть идеи для решения этого вопроса с помощью jQuery.

Обновление

Посмотрим на мои испытания

альтернативный текст http://rabu4g.bay.livefilestore.com/y1pGVXLwPdkxudYLmIdnMpWTP_9up-8isxbPKX945Ui4ITnYWnR0msaa2NmUF-qJ-Q4a2AAGaiGHwaFSgR1HeplDIO0bWbyRODI/bug.png

Как видите, IE8 всегда некорректно отображает изображение PNG-24. Более того, IE8 по-прежнему правильно отображает изображение PNG-8, когда я исчезаю (только функция jQuery.fadeOut). Но он неправильно отображает изображение PNG-8, когда я исчезаю и изменяю размер (функция jQuery.hide) одновременно.

PS. Вы можете скачать мой исходный код тестирования с здесь .

Спасибо

Answer 1

Использование Единица PNG Fix для полупрозрачного png-24.

Answer 2

1. Определите сплошной цвет фона для вашего изображения:

   .container img { цвет фона: белый; }

2. Определите свойство background-image css вашего изображения для его атрибута src :

   $ ('img.png-trans'). Each (function () { $ (this) .css ('background-image', $ (this) .attr ('src')); });

Преимущество: вам не нужно менять разметку

Недостаток: иногда применение сплошного фона не является приемлемым решением. Это обычно для меня.

Answer 3

Это можно сделать аналогично тому, что Stu сделал здесь: http://www.cssplay.co.uk/menus/flyout_horizontal.html

Answer 4

У меня такая же досадная проблема с IE8 и IE7 ... кто-нибудь проверял, справляются ли решения Cmc?

Мой URL-адрес http://www.onlinebrand.dk (верхнее меню исчезает, как в Google :) Но IE не волнует.)

РЕДАКТИРОВАТЬ: Просто проверил это сам, и даже если я установил ширину и высоту, хорошо повторяющееся изображение. Не работает

Я только что нашел другую работу, где Fadein обертка вместо div с изображением .png bg. И это сработало, теперь я получаю некоторую прозрачность в IE, но также и некоторые отступы / margin .. Совершенно странно ..

Билл Гейтс, что с этим? Почему мы не можем ладить?