IE使用带有.fadeIn .fadeOut的jQuery删除部分图像

时间:2011-07-12 13:27:40

标签: jquery image internet-explorer fadein fadeout

好的,这就是问题 - 当我淡入或淡出一些绝对定位的图像时,它在除了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修复,但这也没有用。

有没有人见过这个问题?我完全糊涂了。

编辑[rodaine]:这是此问题的图片。 enter image description here

编辑[rodaine]:这是一张应该如何看的图片(注意西红柿和草莓) enter image description here

0 个答案:

没有答案