Question

我正在使用jQuery Cycle Plugin进行幻灯片放映，导航显示在我测试过的所有浏览器中，除了IE7（和IE6，但我并不担心）。

这是一个例子http://jsfiddle.net/WVGS3/11/（显然在IE7上看它）

当我在IE7上查看它时，导航消失。好像它不喜欢空的.slide_nav div。如果我在.slide_nav div中输入一些文本，导航将与我写的任何文本一起出现。

此处示例http://jsfiddle.net/WVGS3/12/

我将文本放在span元素中并设置text-indent:-9999px，但这会使一切都消失。我使用了display:none和display:hidden，但他们表现得很奇怪。

也许我错过了什么。

任何人都知道在这里有用的东西吗？我尝试在父元素和子元素上使用position:relative，z-index:1000，zoom:1，但没有任何作用....

希望有人可以提供帮助。谢谢！

Answer 1

您必须在 内放置至少一个div，仅适用于IE的hasLayout

<div class="slide_nav">&nbsp;</div>

然后你可以使用

$(document).ready(function() {
    $('.slideshow').cycle({
        fx: 'scrollLeft',
        pager: ".slide_nav"
    });
    // Re align
    var ml=parseInt($('.slide_nav').css('margin-left'));
    $('.slide_nav').css('margin-left',(ml-5)+'px');

});

在IE7中测试example。可能不合适，但解决了这个问题。

在IE7中不会显示Jquery循环导航

1 个答案: