Проблемы с jQuery png в IE 8

Мне очень нравится плагин цикла jQuery, но у меня серьезные проблемы с его правильным поведением в IE8. Во всех своих циклах я использую файлы png с прозрачностью (ничем не отличается от любого другого современного сайта в Интернете). Они выглядят очень хорошо в ВСЕХ браузерах, кроме IE, где я получаю уродливые черные тени по краям градиентов и весь черный фон за одним из слайд-шоу. Я использую исправление 'cleartype: true, cleartypeNoBg: true' во всех слайд-шоу, а также следующее исправление CSS:

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;

}

В основном слайд-шоу у меня перекрываются два - http://microstrain.com

И в трех нижних столбцах у меня есть цикл, работающий в разделе «Обновление новостей».

Любая помощь будет принята с благодарностью !!! - Скотт


person scott    schedule 11.04.2011    source источник
comment
Я не уверен, какую ошибку вы видите, но PNG имеют различные проблемы с различными IE. Попробуйте преобразовать png в gif и посмотрите, сохраняется ли ошибка.   -  person Khez    schedule 11.04.2011
comment
По моему опыту, попытки заставить IE (за исключением, может быть, 9, хотя я сомневаюсь) выполнять какую-либо композицию изображений с использованием альфа-канала безнадежны. Поразительно, насколько ужасно это при таких элементарных операциях.   -  person Pointy    schedule 11.04.2011
comment
@Khaz преобразование PNG с альфа-каналом в файл .gif вряд ли улучшит рендеринг альфа-канала :-)   -  person Pointy    schedule 11.04.2011
comment
@Pointy, это зависит от обстоятельств. Анимация непрозрачности (постепенное появление) с последующим удалением альфа-фильтра может выглядеть хуже с PNG с альфа-каналом, чем с GIF. По крайней мере, GIF выглядит одинаково во всех точках анимации. ;)   -  person eyelidlessness    schedule 11.04.2011
comment
@eyelidlessness ну да, я уверен, что это правда, но это по-прежнему представляет собой отказ от первоначальной цели дизайна (что, я согласен, в любом случае, вероятно, неизбежно).   -  person Pointy    schedule 11.04.2011
comment
@Pointy, я (в основном) просто пошутил.   -  person eyelidlessness    schedule 11.04.2011
comment
Спасибо за ввод, я думаю, мы все можем согласиться с тем, что альфа-рендеринг в IE ошибочен и реального решения этой проблемы нет. Циклические переходы отлично смотрятся во всем, кроме IE ... Я все равно буду ими пользоваться :)   -  person scott    schedule 01.07.2011


Ответы (1)


Я знаю, что вы устанавливаете масштабирование и прозрачность, но попробуйте установить их в div, охватывающем a, который охватывает тег изображения.

Я столкнулся с этим недавно на другом моем сайте и обнаружил, что тег img не работает, но установка его на «[container] img» сработала.

person al3xnull    schedule 04.05.2011