Internet Explorer не может правильно выполнить анимацию непрозрачности изображения - PullRequest
Новая
       33

Internet Explorer не может правильно выполнить анимацию непрозрачности изображения

0 голосов
/ 29 ноября 2011

Я протестировал свой веб-сайт во всех браузерах, и он отлично работает: http://bgsorken.com/sandbox/index.php Кроме Internet Explorer 8 (и, возможно, более ранних версий).Он отлично работает на IE9.На главной странице, если вы посмотрите на изображение игрока «смотреть трейлер», у него есть анимация непрозрачности при наведении курсора.Как-то на IE8 это выглядит так:

http://i.stack.imgur.com/47R3k.png

и оживляет до черного.

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

1 Ответ

1 голос
/ 29 ноября 2011

Я нашел эту тему в Google.http://www.sitepoint.com/forums/showthread.php?590295-jQuery-fadein-fadeout-of-transparent-png-in-IE7-and-Chrome

Это одно из обсуждаемых здесь решений: 

.item img {
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
zoom: 1;

}

Некоторые люди также сообщают, что исправление PNG подразделения решает проблему.http://labs.unitinteractive.com/unitpngfix.php

...