JQuery Переключатель и прозрачный PNG - PullRequest
Новая
       10

JQuery Переключатель и прозрачный PNG

1 голос
/ 14 апреля 2010

У меня есть переключатель jquery, который оживляет и отображает DIV. У меня прозрачный PNG, фоновое изображение типа тени, и когда оно появляется впервые, я вижу черный фон, а затем исчезает, когда изображение загружается ...

есть ли способ обойти это? это ошибка? У меня медленная анимация, так что, возможно, это как-то связано.

Должен ли я просто показать ()?

1 Ответ

1 голос
/ 14 апреля 2010

Это ошибка в IE.

Текущая версия IE не поддерживает opacity CSS proeprty, поэтому вместо этого jQuery использует альфа-фильтр. Однако фильтры заставляют элемент быть полностью непрозрачным, поэтому они не работают правильно с прозрачными PNG.

Чтобы использовать прозрачные PNG в полупрозрачных элементах, необходимо применять PNG с использованием фильтра AlphaImageLoader (даже в IE8). Например: 

if ($.browser.msie)
    $(something).css({
        background: 'none',
        filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Folder/Image.png", sizingMethod="scale"),alpha(opacity=100)'
    });

(Этот код работает; сейчас я его использую)

...