IE обрезает часть изображений с помощью jQuery с помощью .fadeIn .fadeOut - PullRequest
Новая
       25

IE обрезает часть изображений с помощью jQuery с помощью .fadeIn .fadeOut

0 голосов
/ 12 июля 2011

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

Вот код, который я использую для слайд-шоу: 

            jQuery(function(){
            $('#images div:gt(0)').hide();
            setInterval(function(){

            $('#images .current').fadeOut(1000,                                    
                       function({$(this).removeClass('current')})
               .next('#images .slide').fadeIn(1000).addClass('current')
               .end().appendTo('#images');}, 
               6000);
        });

А вот немного HTML: 

    <div id="images">
    <div class="slide current">
        <a href=""><img class="centerlarge" src="jpg" width="349" height="241" alt="" /></a>
        <img class="leftsmall" src="jpg" width="116" height="115" alt="" />
        <img class="rightsmall" src="jpg" width="132" height="130" alt="" />
    </div>
    <div class="slide">
        <a href=""><img class="centerlarge" src="jpg" width="349" height="232" alt="" /></a>
        <img class="leftsmall" src="jpg" width="116" height="115" alt="" />
        <img class="rightsmall" src="jpg" width="132" height="130" alt="" />
    </div>
    <div class="slide">
        <a href=""><img class="centerlarge" src="jpg" width="349" height="232" alt="" /></a>
        <img class="leftsmall" src="jpg" width="116" height="115" alt="" />
        <img class="rightsmall" src="jpg" width="132" height="130" alt="" />
    </div>
</div><!-- images -->

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

Кто-нибудь еще видел эту проблему?Я полностью сбит с толку.

Edit [rodaine]: Вот изображение этой проблемы.enter image description here

Редактировать [родейн]: А вот изображение того, как оно должно выглядеть (обратите внимание на помидоры и клубнику) enter image description here

...