IE8 не анимирует меню jQuery должным образом - PullRequest
Новая
       7

IE8 не анимирует меню jQuery должным образом

0 голосов
/ 14 июля 2010

У меня настоящая головная боль.Я написал маленькое и простое меню, в котором используется простая анимация (постепенное появление / постепенное исчезновение) на основе jQuery.

Моя проблема в том, что анимация при просмотре в ie8 выглядит ужасно - в то время как анимация работает ужасночерные рамки видны вокруг текста (посмотрите на ссылку ниже, вы поймете, что я имею в виду).

Проблема еще более усугубляется тем фактом, что она идеально воспроизводится и анимируется в FF, Chrome и Safari..

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

страницу можно посмотреть здесь

Любые идеи кто-нибудь ??

Si

РЕДАКТИРОВАТЬ: По запросу, CSS (хотя вы могли видеть это с помощью Firebug) можно скачать здесь 

enter code here

Ответы [ 3 ]

1 голос
/ 14 июля 2010

Я думаю, что вы столкнулись с проблемой исчезновения png IE8.Он не смешивает полупрозрачные пиксели png правильно в сочетании с простым фильтром непрозрачности.Чтобы объединить фильтр непрозрачности с полупрозрачными png, вы должны использовать фильтр oldschool AlphaImageLoader.Я думаю, что старый исправитель IE6 все еще работает, чтобы исправить это в IE8: http://www.twinhelix.com/css/iepngfix/

ОБНОВЛЕНИЕ: Опционально, просто отключите постепенное исчезновение в IE и немедленно переключитесь на свечение / не свечение без эффекта затухания.

1 голос
/ 14 июля 2010

Вы пытались использовать AlphaImageLoader Filter ?Он поддерживает прозрачность PNG для IE 5.5+.Это может позволить вам сохранить PNG и не прибегать к JPG.

Я не совсем уверен, как структурирован ваш код, но попробуйте this : 

<!-- This DIV is the target container for the image.  -->
<div style="position:absolute; left:140px; height:400; width:400;
     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
     src='image.png', sizingMethod='scale');" >
</div>

Для других решений IE для разработки сохраните это в качестве закладки: http://msdn.microsoft.com/en-us/ie/default.aspx

1 голос
/ 14 июля 2010

Это проблема сглаживания.IE сглаживает цвет фона во время анимации, в данном случае черный.

Попробуйте изменить класс nav: 

.nav  {
    background: #D0D0D0 url("../images/menu_plain_top.png") no-repeat scroll 0 0;
}

ОБНОВЛЕНИЕ: сообщение имеет похожую проблему

...