NivoSlider NivoControl Nav IE7不顯示

我的nivoslider插件可以在所有瀏覽器和ie8/9下正常工作 - 但是在IE 7中，滑塊工作正常，但是我不能看到正方形（nivocontrol nav），它表示有多少圖像滑塊。我試過位置：絕對和Z指數的，但我似乎無法得到這個工作。在它拒絕工作之前，我將它從window.load改爲document.ready，並修復了50％的問題。NivoSlider NivoControl Nav IE7不顯示

該網站是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>

來源

2012-06-18 MJCoder

我相信我有同樣的問題。滑塊效果很好，但控制導航鏈接不會顯示在IE7中。我還不知道爲什麼，經過4個小時的工作，我不知道我是否在意。但這裏是什麼爲我工作：

尋找「文字縮進：-9999px;」爲你的CSS中的「.nivo-controlNav a」類註釋掉。
編輯jquery.nivo.slider.js - 線165，並採取了HTML的標籤，基本上使它看起來像：
```
vars.controlNavEl.append('<a class="nivo-control" rel="'+ i +'"></a>'); 
```

這對我來說沒有問題，我的工作可以找到目前爲止。希望它可以幫助你。

來源

2012-07-08 18:49:59 user979115

67行是sliderpack.js文件 - 找不到vars.controlNavEl.append – MJCoder

此修復工作對我來說（內部IE7僅CSS）

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

text-indent: 0;會得到正確的，font-size: 0;需要隱藏的號碼和line-height: 0;需要隱藏，如果字體出現在IE7的點的位置-size是0

來源

2012-08-03 13:44:25 slusatel

NivoSlider NivoControl Nav IE7不顯示

回答

相關問題