Question

我的nivoslider插件适用于所有浏览器，最高可达ie8 / 9 - 但是在IE 7中，滑块工作正常，但我看不到正方形（nivocontrol nav），它指示滑块中有多少图像。我已经尝试了位置：绝对和z-index，但我似乎无法让这个工作。在它拒绝工作之前，我将它从window.load更改为document.ready，并修复了50％的问题。

该网站为http://www.sarahlayton.co.uk，如果您在IE8 / 9中查看它，您会看到图片滑块下的方块，然后是隐藏的ie7。我对我错在哪里感到困惑？

有人可以指导我吗？真的很感激

<script type="text/javascript">
$(document).ready(function() {

    $('#slider').nivoSlider({
        effect: 'random', // Specify sets like: 'fold,fade,sliceDown'
        slices: 15, // For slice animations
        boxCols: 8, // For box animations
        boxRows: 4, // For box animations
        animSpeed: 300, // Slide transition speed
        pauseTime: 6000, // How long each slide will show
        startSlide: 0, // Set starting Slide (0 index)
        directionNav: false, // Next & Prev navigation
        directionNavHide: false, // Only show on hover
        controlNav: true, // 1,2,3... navigation
        controlNavThumbs: false, // Use thumbnails for Control Nav
        controlNavThumbsFromRel: false, // Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', // Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
        keyboardNav: true, // Use left & right arrows
        pauseOnHover: true, // Stop animation while hovering
        manualAdvance: false, // Force manual transitions
        captionOpacity: 0.0, // Universal caption opacity
        prevText: 'Prev', // Prev directionNav text
        nextText: 'Next', // Next directionNav text
        beforeChange: function() { }, // Triggers before a slide transition
        afterChange: function() { }, // Triggers after a slide transition
        slideshowEnd: function() { }, // Triggers after all slides have been shown
        lastSlide: function() { }, // Triggers when last slide is shown
        afterLoad: function() { } // Triggers when slider has loaded
       });
    });
</script>

Answer 1

此修复对我有效（在IE7内只有css）

.nivo-controlNav a {
    text-indent: 0;
    font-size: 0;
    line-height: 0;
}

text-indent: 0;将获得正确的位置，隐藏数字需要font-size: 0;，如果font-size为0，则隐藏IE7上显示的点需要line-height: 0;

Answer 2

我相信我遇到了同样的问题。滑块工作得很好，但控制导航链接不会在IE7中显示。我还不知道为什么，经过4个小时的工作后我不再关心了。但这对我有用：

寻找＆＃34; text-indent：-9999px;＆＃34; for＆＃34; .nivo-controlNav a＆＃34; CSS中的类 - 注释掉它。
编辑jquery.nivo.slider.js - 第165行并取出a标签中的HTML，基本上看起来像：
```
vars.controlNavEl.append('<a class="nivo-control" rel="'+ i +'"></a>');
```

这对我有用，我到目前为止找不到任何问题。希望它可以帮到你。

NivoSlider NivoControl Nav IE7不显示

2 个答案: