Вы можете увидеть здесь: 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;
}
Я не знаю, связано ли это с тем фактом, что div, в котором расположены предыдущий и следующий, находится в файле javascript, и по этой причине IE8 не может его увидеть.
Если кто-нибудь может дать мне представление о том, как я могу отобразить это в IE8, это было бы здорово.
Спасибо.