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で表示させる方法についての洞察を提供してくれるなら、それは素晴らしいことです。
ありがとう。