jquery - Nivo slider 将图像向下推

Question

我正在尝试使用 nivo slider 。我最初将其设置为“折叠”传输。效果很好。我将其更改为“淡入淡出”，现在当图像淡入下一个时，它看起来被推低了。以前有人遇到过这个问题吗？这是 jQuery 和 css。

    $(window).load(function() {
    $('#slider').nivoSlider({
    effect:'fade', // Specify sets like: 'fold,fade,sliceDown'
    animSpeed:500, // Slide transition speed
    pauseTime:5000, // How long each slide will show
    startSlide:4, // Set starting Slide (0 index)

/Nevo Slider/

slider {

position:relative;
width:900px;
height:250px;
background:url(images/loading.gif) no-repeat 50% 50%;
margin-bottom: 20px;
}

slider img {

position:absolute;
top:0px;
left:0px;
display:none;
}

slider a {

border:0;
display:block;
} /End of Nevo Slider/

这是一个链接 http://kerrydean.ca/Grey%20River/greyRiverTemplate2.html

Answer 1

我也遇到了同样的问题，我在网上找到了一些提示，但没有一个对我有用。这是为我解决问题的 CSS 规则:

div.nivo-slice { position:absolute; z-index: 99; top:0 }

我添加了 top:0 并将图像移动到位。此外，这种图像移位问题似乎仅在使用“淡入淡出”功能时才会发生。