您可以在这里看到:http ://tonysandwich.co.uk/rockinghorses图像滑块上有一个上一个和下一个按钮。
在 IE8 中查看此按钮时,这些按钮不复存在。IE 检查器甚至不选择 div 或内容。
这是我所指的脚本部分:
// Add Direction nav
if(settings.directionNav){
slider.append('<div class="nivo-directionNav"><a class="nivo-prevNav"></a><a class="nivo-nextNav"></div>');
$('a.nivo-prevNav', slider).live('click', function(){
if(vars.running) { return true; }
clearInterval(timer);
timer = '';
vars.currentSlide -= 2;
nivoRun(slider, kids, settings, 'prev');
});
$('a.nivo-nextNav', slider).live('click', function(){
if(vars.running) { return true; }
clearInterval(timer);
timer = '';
nivoRun(slider, kids, settings, 'next');
});
}
这是CSS:
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
cursor:pointer;
position: absolute;
margin-left: -90px;
z-index: 100;
}
.nivo-prevNav {
left:0px;
width: 61px;
height: 27px;
background-image:url(images/Back%202.png);
top: 105%;
}
.nivo-nextNav {
right:0px;
width: 106px;
height: 126px;
background-image:url(images/Next%202.png);
top: 85%;
margin-right: -25px;
}
我不知道这是否与 prev 和 next 所在的 div 位于 javascript 文件中这一事实有关,因此 IE8 似乎看不到它。
如果有人可以向我提供有关如何在 IE8 中显示它的见解,那就太好了。
谢谢。