Проблема со Слайдером Изображения в IE - Ошибка?

Question

У меня проблема с ползунком изображения в IE. На моей домашней странице у меня есть баннер с слайдером изображений. Когда вы переключаетесь между изображениями на этом слайдере, по краям изображения баннера появляется черный контур. Сам слайдер изображений сделан в jquery, но этот сайт является сайтом Joomla CMS.

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

Мой веб-сайт www.myramis.com .

Answer 1

Мне удалось сделать схему менее заметной, используя следующий код, но я думаю, что, возможно, мне нужно сделать что-то в jquery, чтобы он полностью исчез:

    .slide 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; }

Возможно, кто-то знаетисправления jquery, которое я мог бы использовать для той же проблемы, которая, возможно, полностью уничтожила бы черный контур?

Answer 2

Добавьте это в конец документа перед тегом :

<style type="text/css">
    * html #png-ie /* ie6 hack */
        { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/to_my_png/imageIE.png', sizingMethod='scale')); }
    *+ html #png-ie /* ie7 hack */
        { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/to_my_png/imageIE.png', sizingMethod='scale')); }
</style>