1

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

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

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

这里的例子http://jsfiddle.net/WVGS3/12/

我将文本放在 span 元素中并设置text-indent:-9999px，但这会使所有内容都消失。我用过display:none，display:hidden但他们的行为很奇怪。

也许我错过了一些东西。

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

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

4

1 回答 1

2

您必须在 IE 的hasLayout中至少放置一个 ，div如下所示

<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 中测试，例如. 可能不合适，但可以解决问题。

于 2012-04-10T21:09:36.217 回答